/* MeczRealu: styl przeniesiony z templates/ajax.post.thread.tpl (przegladarka trzyma go w pamieci podrecznej,
   zamiast pobierac z kazda strona / kazdym otwarciem okna). */
/* ==========================================================================
   ajax.post.thread.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.
   ========================================================================== */
/* ── Widok wątku ──────── */
.mr-post-thread-modal {
	--mr-post-accent: #0053cb;
	--mr-post-line: #111;
	width: 100%;
	max-height: min(90vh, 900px);
	display: flex;
	flex-direction: column;
	padding: 0;
	background: #000;
	color: #e7e9ea;
	overflow: hidden;
}
.mr-post-thread-header {
	/* 1.0.109 — naglowek nizszy o 10 px */
	height: 48px;
	min-height: 48px;
	display: grid;
	grid-template-columns: 44px 1fr 44px;
	align-items: center;
	padding: 6px 10px;
	/* 1.0.133 — bez kreski pod naglowkiem */
	background: #000;
	z-index: 4;
}
.mr-post-thread-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;
	touch-action: manipulation;
}
.mr-post-thread-back:active {
	background: #16181c;
}
.mr-post-thread-title {
	justify-self: center;
	font-size: 19px;
	font-weight: 800;
}
.mr-post-thread-scroll {
	min-height: 0;
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: #000;
	scrollbar-width: thin;
	scrollbar-color: #222 #000;
}
.mr-post-thread-scroll::-webkit-scrollbar {
	width: 3px;
}
.mr-post-thread-scroll::-webkit-scrollbar-track {
	background: #000;
}
.mr-post-thread-scroll::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #222;
}
.mr-post-thread-compose-wrap {
	min-height: 68px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px max(9px, env(safe-area-inset-bottom));
	border-top: 1px solid var(--mr-post-line);
	background: #000;
	z-index: 8;
}
.mr-post-thread-compose-avatar {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 50%;
	object-fit: cover;
}
.mr-post-thread-compose {
	min-width: 0;
	height: 46px;
	flex: 1 1 auto;
	padding: 10px 16px;
	border: 1px solid var(--mr-post-line);
	border-radius: 999px;
	outline: 0;
	background: #060606;
	color: #e7e9ea;
	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	resize: none;
	overflow: hidden;
	touch-action: manipulation;
}
.mr-post-thread-compose::placeholder {
	color: #71767b;
	opacity: 1;
}
.mr-post-thread-native {
	width: 100%;
	margin: 0;
	background: #000;
}
.mr-post-thread-native > .standalone-post {
	width: 100%;
	margin: 0;
	background: #000;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.mr-post-thread-modal a.main {
	color: var(--mr-post-accent) !important;
}
.mr-post-thread-modal .verified-badge {
	color: var(--mr-post-accent) !important;
}

@media (max-width: 767.98px) {

	/* ── Powłoka modala ──────── */
	html.mr-post-thread-open {
		overflow: hidden !important;
		background: #000 !important;
	}
	body.mr-post-thread-open {
		overflow: hidden !important;
		background: #000 !important;
	}
	#modal.mr-post-thread-open {
		padding: 0 !important;
		background: #000 !important;
	}
	#modal.mr-post-thread-open .modal-dialog {
		width: 100% !important;
		max-width: none !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		margin: 0 !important;
	}
	#modal.mr-post-thread-open .modal-content {
		width: 100% !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #000 !important;
		box-shadow: none !important;
	}

	/* ── Widok wątku ──────── */
	.mr-post-thread-modal {
		height: 100dvh;
		min-height: 100dvh;
		max-height: 100dvh;
	}
	.mr-post-thread-header {
		height: calc(48px + max(env(safe-area-inset-top), 8px));
		min-height: calc(48px + max(env(safe-area-inset-top), 8px));
		padding-top: max(env(safe-area-inset-top), 8px);
		border-bottom-color: #111;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-thread-android .mr-post-thread-header {
		height: calc(48px + var(--mr-android-top-inset, 32px));
		min-height: calc(48px + var(--mr-android-top-inset, 32px));
		padding-top: var(--mr-android-top-inset, 32px);
	}

	/* ── Widok wątku ──────── */
	.mr-post-thread-scroll {
		padding-bottom: 0;
	}
	.mr-post-thread-compose-wrap {
		position: relative;
		min-height: 66px;
		display: flex;
		flex: 0 0 auto;
		visibility: visible;
		padding: 8px 8px max(8px, env(safe-area-inset-bottom));
		border-top: 1px solid #111;
		background: #000;
		z-index: 20;
	}
	.mr-post-thread-compose {
		display: block;
		height: 42px;
		min-height: 42px;
		padding: 8px 16px;
		border-color: #111;
		background: #060606;
		line-height: 24px;
		visibility: visible;
	}
	.mr-post-thread-native > .standalone-post {
		padding: 12px 16px 0;
		color: #e7e9ea;
	}
	.mr-post-thread-native .post-footer {
		display: block;
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid #111;
	}
	.mr-post-thread-native .post-comments {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		background: #000;
	}
	.mr-post-thread-native .js_comments {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		background: #000;
	}
	.mr-post-thread-native .x_comms_list {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		background: #000;
	}
	.mr-post-thread-native .comment:not(.writer) {
		padding: 9px 8px 5px !important;
		border-bottom-color: #111 !important;
		background: #000 !important;
	}
	.mr-post-thread-native .comment-replies {
		display: none !important;
	}
	.mr-post-thread-native .comment:not(.writer) > .x_user_info {
		gap: 8px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-avatar {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-avatar-picture {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-author {
		font-size: 15px;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-author a {
		font-size: 15px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-text {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-actions {
		height: 34px !important;
		min-height: 34px !important;
		margin-top: 2px !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-actions .action-btn {
		min-width: 34px !important;
		padding: 6px !important;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-post-thread-open .mr-post-thread-native .writer {
		display: none !important;
	}
	#modal.mr-post-thread-open .mr-x-mini-publisher {
		display: none;
	}
	body.mr-post-thread-open .mr-x-mini-publisher {
		display: none;
	}
	body.mr-post-thread-open .x_sidebar_links {
		display: none;
	}
	body.mr-post-thread-open .x_side_create {
		display: none !important;
	}
}

@media (min-width: 768px) {

	/* ==================================================================
	   1.0.67 — widok "Post" na PC w wygladzie X
	   ------------------------------------------------------------------
	   Blok celowo lezy na koncu pliku: arkusz przychodzi razem z
	   odpowiedzia AJAX, wiec laduje sie po __mr_comments.css.tpl i wygrywa
	   remisy specyficznosci bez uzycia !important.
	   Selektory nie sa zakotwiczone w #modal, dzieki czemu ten sam wyglad
	   dostaje zamrozona kopia widoku (#mr-thread-ghost).
	   ================================================================== */

	.mr-post-thread-modal {
		--mr-x-line: #111;
		--mr-x-dim: #71767b;
		--mr-x-fg: #e7e9ea;
		--mr-x-hover: #080808;
	}

	/* ── Pasek przewijania: niewidoczny, ale kolko myszy dziala ─────── */
	.mr-post-thread-scroll {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.mr-post-thread-scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
		display: none;
	}

	/* ── Naglowek: strzalka + tytul do lewej, tak jak na X ──────────── */
	.mr-post-thread-header {
		height: 43px;
		min-height: 43px;
		grid-template-columns: 52px 1fr;
		padding: 0 4px;
		/* 1.0.133 — bez kreski pod naglowkiem */
	}
	.mr-post-thread-header > span[aria-hidden] {
		display: none;
	}
	.mr-post-thread-back {
		width: 36px;
		height: 36px;
		justify-self: center;
	}
	.mr-post-thread-back:hover {
		background: #181818;
	}
	.mr-post-thread-title {
		justify-self: start;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: -.01em;
	}

	/* ── Karta posta ─────────────────────────────────────────────────
	   Na X tresc glownego wpisu idzie przez cala szerokosc kolumny, a nie
	   z wcieciem pod nickiem. Avatar zostaje w naglowku, a blok tresci
	   cofamy o szerokosc avatara + odstep. */
	.mr-post-thread-native > .standalone-post {
		padding: 12px 16px 0 !important;
	}
	.mr-post-thread-native .standalone-post .post-body {
		margin-top: 0;
	}
	.mr-post-thread-native .post-x-layout {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-post-thread-native .post-avatar {
		margin-left: 0;
	}
	.mr-post-thread-native .post-avatar-picture,
	.mr-post-thread-native .post-avatar-anonymous {
		width: 40px;
		height: 40px;
	}
	.mr-post-thread-native .post-card > .d-flex:not(.post-header) {
		margin-left: -52px;
	}
	.mr-post-thread-native .post_empty_space {
		display: none;
	}

	/* naglowek: nick w pierwszym wierszu, @nazwa w drugim */
	.mr-post-thread-native .post-header {
		align-items: flex-start;
		min-height: 40px;
	}
	.mr-post-thread-native .post-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 4px;
		line-height: 20px;
	}
	.mr-post-thread-native .post-meta .post-author {
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
	}
	.mr-post-thread-native .post-meta > .text-muted.small {
		flex: 0 0 100%;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	/* "dodal zdjecie" / "udostepnil" — X takiej etykiety nie ma */
	.mr-post-thread-native .post-header .post-title {
		display: none;
	}
	/* czas przenosi sie pod tresc (mr-x-post-meta), wiec z naglowka znika */
	.mr-post-thread-native .post-header .post-time {
		display: none !important;
	}
	.mr-post-thread-native .post-header .dropdown > svg {
		color: var(--mr-x-dim);
	}

	/* ── Tresc posta ────────────────────────────────────────────────── */
	.mr-post-thread-native .post-card .post-text {
		margin-top: 4px;
		color: var(--mr-x-fg);
		font-size: 15px;
		line-height: 20px;
		white-space: normal; /* Newlines are already rendered as <br> by the parser. */
		word-break: break-word;
	}
	.mr-post-thread-native .post-card .post-text:empty {
		display: none;
	}

	/* ── Wiersz "godzina · data · wyswietlenia" ─────────────────────── */
	.mr-x-post-meta {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 4px;
		padding: 16px 0 12px;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	.mr-x-post-meta b {
		color: var(--mr-x-fg);
		font-weight: 700;
	}

	/* ── Pasek akcji ────────────────────────────────────────────────── */
	.mr-post-thread-native .post-body > .mt-2 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.mr-post-thread-native .post-actions {
		/* 1.0.70 — linia nad paskiem akcji siega scianek panelu */
		margin: 0 -6px;
		height: 48px;
		padding: 4px 20px;
		border-top: 1px solid var(--mr-x-line);
		color: var(--mr-x-dim);
		font-size: 13px;
	}
	.mr-post-thread-native .post-actions .action-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		min-width: 40px;
		border-radius: 999px;
		color: var(--mr-x-dim);
	}
	.mr-post-thread-native .post-actions .reaction-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}
	.mr-post-thread-native .post-actions .action-icon path {
		fill: currentColor;
	}

	/* ── Publisher w tresci: "Opublikuj swoja odpowiedz" ────────────── */
	.mr-post-thread-modal .mr-post-thread-compose-wrap.mr-x-inline-composer {
		min-height: 0;
		display: flex;
		align-items: center;
		gap: 12px;
		/* 1.0.70 — linia nad publisherem takze od sciany do sciany */
		margin: 0 -6px;
		padding: 12px 6px;
		border-top: 1px solid var(--mr-x-line);
		background: #000;
	}
	.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose-avatar {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose {
		height: 40px;
		padding: 8px 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--mr-x-fg);
		font-size: 20px;
		line-height: 24px;
	}
	.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose::placeholder {
		color: var(--mr-x-dim);
		opacity: 1;
	}
	.mr-x-inline-composer-btn {
		flex: 0 0 auto;
		height: 36px;
		padding: 0 18px;
		border: 0;
		border-radius: 999px;
		background: var(--mr-post-accent, #0053cb);
		color: #fff;
		font-family: inherit;
		font-size: 15px;
		font-weight: 700;
		cursor: pointer;
	}

	/* ── Lista komentarzy pod postem ────────────────────────────────── */
	/* 1.0.68 — linie miedzy komentarzami maja siegac scianek panelu, wiec
	   stopka posta wychodzi poza 16 px paddingu karty. */
	.mr-post-thread-native .standalone-post > .post-footer {
		margin: 0 -6px !important;
		padding-top: 0 !important;
		border-top: 1px solid var(--mr-x-line);
	}
	.mr-post-thread-modal .mr-post-thread-compose-wrap.mr-x-inline-composer {
		border-bottom: 0;
	}
	.mr-post-thread-native .post-comments,
	.mr-post-thread-native .js_comments,
	.mr-post-thread-native .x_comms_list {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #000;
	}
	.mr-post-thread-native .comments-filter {
		margin: 0 !important;
		padding: 10px 6px !important;
		border-bottom: 1px solid var(--mr-x-line);
	}
	.mr-post-thread-native .post-card > .d-flex:not(.post-header) > .flex-1 {
		min-width: 0;
	}
}


@media (min-width: 768px) {

	/* ==================================================================
	   1.0.67 — komentarze pod postem w wygladzie X
	   ================================================================== */

	.mr-post-thread-native .x_comms_list > li > .comment:not(.writer) {
		padding: 6px 8px;
		border-top: 0;
		border-bottom: 1px solid var(--mr-x-line);
		border-radius: 0;
		background: #000;
	}
	.mr-post-thread-native .x_comms_list > li > .comment:not(.writer):hover {
		background: var(--mr-x-hover);
	}
	.mr-post-thread-native .comment:not(.writer) > .x_user_info {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-avatar-picture {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-left: 0;
	}
	.mr-post-thread-native .comment-author {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 4px;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_user-popover a,
	.mr-post-thread-native .comment-author > a {
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_moment {
		margin-left: 0;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_moment::before {
		content: "·";
		margin-right: 4px;
	}
	.mr-post-thread-native .comment-text {
		margin-top: 2px;
		color: var(--mr-x-fg);
		font-size: 15px;
		line-height: 20px;
		white-space: normal; /* tekst ma juz <br> (nl2br) - pre-wrap dublowal przerwy */
		word-break: break-word;
	}
	.mr-post-thread-native .comment-btn {
		margin: 0;
		color: var(--mr-x-dim);
	}
	.mr-post-thread-native .comment-actions {
		height: 34px;
		min-height: 34px;
		margin-top: 4px;
		color: var(--mr-x-dim);
		font-size: 13px;
	}
	.mr-post-thread-native .comment-actions .action-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-width: 0;
		padding: 5px 6px;
		border-radius: 999px;
		background: transparent;
		color: var(--mr-x-dim);
	}
	/* na X przy ikonach komentarza nie ma podpisow "Reakcje/Odpowiedz" */
	.mr-post-thread-native .comment-actions .d-md-inline {
		display: none !important;
	}
	.mr-post-thread-native .comment-actions .action-icon path {
		fill: currentColor;
	}
	/* mini-publisher pod postem zastapil publisher w tresci */
	.mr-post-thread-native .writer {
		display: none !important;
	}
	/* ── 1.0.70 — polaczona odpowiedz pod komentarzem glownym ──────────
	   Najnowsza odpowiedz jest pokazana pod komentarzem, oba spiete pionowa
	   kreska biegnaca za avatarami, a pod spodem odnosnik do pelnego watku.
	   Klasy mr-has-preview / mr-reply-preview nadaje post.js. */
	.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar {
		position: relative;
		align-self: stretch;
	}
	.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar::after {
		content: '';
		position: absolute;
		left: 19px;
		top: 48px;
		bottom: -8px;
		width: 2px;
		border-radius: 2px;
		background: var(--mr-x-line);
	}
	.mr-post-thread-native .comment.mr-has-preview .comment-replies.mr-reply-preview {
		display: block !important;
		margin: 8px -6px 0 0;
		padding: 0;
	}
	/* z serwera przychodzi kilka odpowiedzi — pokazujemy tylko najnowsza */
	.mr-post-thread-native .comment-replies.mr-reply-preview > .js_replies > li:not(:last-child) {
		display: none;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview .js_see-more,
	.mr-post-thread-native .comment-replies.mr-reply-preview .js_reply-form {
		display: none !important;
	}
	/* wyzsza specyficznosc niz regula wierszy listy: odpowiedz nie ma wlasnej
	   ramki ani lewego paddingu, bo ma stac rowno z avatarem komentarza */
	.mr-post-thread-native .comment-replies.mr-reply-preview .x_comms_list > li > .comment.reply {
		padding: 0 6px 0 0;
		border: 0;
		background: transparent;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview .reply > .x_user_info {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-post-thread-native .mr-show-replies {
		padding: 10px 0 2px 52px;
		color: var(--mr-post-accent, #0053cb);
		font-size: 15px;
		line-height: 20px;
		cursor: pointer;
	}

	/* sortowanie komentarzy — odpowiednik "Trafne" na X */
	.mr-post-thread-native .comments-filter .btn {
		padding: 6px 14px !important;
		border-radius: 999px !important;
		border: 0;
		background: transparent;
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
	}
	.mr-post-thread-native .comments-filter .btn svg {
		display: none;
	}
	.mr-post-thread-native .comments-filter .btn-group-text {
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
	}
}


/* ==========================================================================
   1.0.71 — panel reakcji zawsze poziomo (dowolna szerokosc ekranu)
   --------------------------------------------------------------------------
   .reactions-container nie ma zadeklarowanej szerokosci, a emotki sa
   pchane floatem — potrafilo to zlozyc caly panel w pionowa kolumne.
   white-space: nowrap + inline-block wymusza jeden rzad.
   ========================================================================== */
.mr-post-thread-modal .reactions-container,
.mr-post-thread-native .reactions-container {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 6px !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
.mr-post-thread-modal .reactions-container .reactions_item,
.mr-post-thread-native .reactions-container .reactions_item {
	float: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* przycisk doczytywania komentarzy znika takze na telefonie — komplet
   komentarzy glownych przychodzi juz z serwera (mr_pf_all_pages) */
.mr-post-thread-modal .js_see-more {
	display: none !important;
}

@media (max-width: 767.98px) {

	/* ==================================================================
	   1.0.71 — widok "Post" na telefonie w wygladzie X
	   ------------------------------------------------------------------
	   Ten blok lezy na koncu pliku, wiec przebija starsze reguly mobilne.
	   Dolny pasek "Napisz odpowiedz" zostaje — na telefonie X ma go tak samo.
	   ================================================================== */

	.mr-post-thread-modal {
		--mr-x-line: #111;
		--mr-x-dim: #71767b;
		--mr-x-fg: #e7e9ea;
	}

	.mr-post-thread-scroll {
		scrollbar-width: none;
	}
	.mr-post-thread-scroll::-webkit-scrollbar {
		width: 0;
		display: none;
	}

	/* ── Karta posta ─────────────────────────────────────────────────── */
	.mr-post-thread-native > .standalone-post {
		padding: 12px 16px 0 !important;
	}
	.mr-post-thread-native .standalone-post .post-body {
		margin-top: 0;
	}
	.mr-post-thread-native .post-x-layout {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-post-thread-native .post-avatar {
		margin-left: 0;
	}
	.mr-post-thread-native .post-avatar-picture,
	.mr-post-thread-native .post-avatar-anonymous {
		width: 40px !important;
		height: 40px !important;
	}
	.mr-post-thread-native .post-card > .d-flex:not(.post-header) {
		margin-left: -52px;
	}
	.mr-post-thread-native .post_empty_space {
		display: none;
	}
	.mr-post-thread-native .post-header {
		align-items: flex-start;
		min-height: 40px;
	}
	.mr-post-thread-native .post-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 4px;
		line-height: 20px;
	}
	.mr-post-thread-native .post-meta .post-author {
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
	}
	.mr-post-thread-native .post-meta > .text-muted.small {
		flex: 0 0 100%;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	.mr-post-thread-native .post-header .post-title,
	.mr-post-thread-native .post-header .post-time {
		display: none !important;
	}
	.mr-post-thread-native .post-card .post-text {
		margin-top: 4px;
		color: var(--mr-x-fg);
		font-size: 15px !important;
		line-height: 20px !important;
		white-space: normal; /* Newlines are already rendered as <br> by the parser. */
		word-break: break-word;
	}

	/* ── Wiersz "godzina · data · wyswietlenia" ─────────────────────── */
	.mr-x-post-meta {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 4px;
		padding: 14px 0 10px;
		color: var(--mr-x-dim);
		font-size: 15px;
		line-height: 20px;
	}
	.mr-x-post-meta b {
		color: var(--mr-x-fg);
		font-weight: 700;
	}

	/* ── Pasek akcji posta ──────────────────────────────────────────── */
	.mr-post-thread-native .post-body > .mt-2 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	/* 1.0.105 — na telefonie kreska idzie POD paskiem akcji, nie nad nim */
	.mr-post-thread-native .post-actions {
		margin: 0 -6px;
		height: 48px;
		padding: 4px 16px;
		border-top: 0;
		border-bottom: 1px solid var(--mr-x-line);
		color: var(--mr-x-dim);
		font-size: 13px;
	}
	.mr-post-thread-native .post-actions .action-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		border-radius: 999px;
		color: var(--mr-x-dim);
	}
	.mr-post-thread-native .post-actions .action-icon path {
		fill: currentColor;
	}

	/* ── Lista komentarzy ───────────────────────────────────────────── */
	.mr-post-thread-native .standalone-post > .post-footer {
		display: block;
		margin: 0 -6px !important;
		padding-top: 0 !important;
		border-top: 1px solid var(--mr-x-line);
	}
	.mr-post-thread-native .comments-filter {
		margin: 0 !important;
		padding: 10px 6px !important;
		border-bottom: 1px solid var(--mr-x-line);
	}
	.mr-post-thread-native .comments-filter .btn,
	.mr-post-thread-native .comments-filter .btn-group-text {
		padding: 6px 14px !important;
		border-radius: 999px !important;
		border: 0;
		background: transparent;
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
	}
	.mr-post-thread-native .comments-filter .btn svg {
		display: none;
	}
	.mr-post-thread-native .x_comms_list > li > .comment:not(.writer) {
		padding: 6px 8px !important;
		border-top: 0 !important;
		border-bottom: 1px solid var(--mr-x-line) !important;
		border-radius: 0;
		background: #000 !important;
	}
	.mr-post-thread-native .comment:not(.writer) > .x_user_info {
		gap: 12px !important;
		align-items: flex-start !important;
	}
	.mr-post-thread-native .comment:not(.writer) .comment-avatar,
	.mr-post-thread-native .comment:not(.writer) .comment-avatar-picture {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		margin-left: 0 !important;
	}
	.mr-post-thread-native .comment-author {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 4px;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_user-popover a,
	.mr-post-thread-native .comment-author > a {
		color: var(--mr-x-fg) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_moment {
		margin-left: 0;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	.mr-post-thread-native .comment-author .js_moment::before {
		content: "·";
		margin-right: 4px;
	}
	.mr-post-thread-native .comment-text {
		margin-top: 2px;
		color: var(--mr-x-fg);
		font-size: 15px !important;
		line-height: 20px !important;
		white-space: normal; /* tekst ma juz <br> (nl2br) - pre-wrap dublowal przerwy */
		word-break: break-word;
	}
	.mr-post-thread-native .comment-btn {
		margin: 0;
		color: var(--mr-x-dim);
	}
	.mr-post-thread-native .comment-actions {
		height: 34px !important;
		min-height: 34px !important;
		margin-top: 4px !important;
		color: var(--mr-x-dim);
		font-size: 13px;
	}
	.mr-post-thread-native .comment-actions .action-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-width: 0 !important;
		padding: 5px 6px !important;
		border-radius: 999px;
		background: transparent !important;
		color: var(--mr-x-dim);
	}
	.mr-post-thread-native .comment-actions .d-md-inline {
		display: none !important;
	}
	.mr-post-thread-native .comment-actions .action-icon path {
		fill: currentColor;
	}

	/* ── Polaczona odpowiedz + "Pokaz odpowiedzi" ───────────────────── */
	.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar {
		position: relative;
		align-self: stretch !important;
		height: auto !important;
	}
	.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar::after {
		content: '';
		position: absolute;
		left: 19px;
		top: 48px;
		bottom: -8px;
		width: 2px;
		border-radius: 2px;
		background: var(--mr-x-line);
	}
	.mr-post-thread-native .comment.mr-has-preview .comment-replies.mr-reply-preview {
		display: block !important;
		margin: 8px -6px 0 0;
		padding: 0;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview > .js_replies > li:not(:last-child) {
		display: none;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview .js_see-more,
	.mr-post-thread-native .comment-replies.mr-reply-preview .js_reply-form {
		display: none !important;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview .x_comms_list > li > .comment.reply {
		padding: 0 6px 0 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	.mr-post-thread-native .comment-replies.mr-reply-preview .reply > .x_user_info {
		gap: 12px !important;
		align-items: flex-start !important;
	}
	.mr-post-thread-native .mr-show-replies {
		padding: 10px 0 2px 52px;
		color: var(--mr-post-accent, #0053cb);
		font-size: 15px;
		line-height: 20px;
		cursor: pointer;
	}

	/* mini-publisher pod postem jest zastapiony dolnym paskiem */
	.mr-post-thread-native .writer {
		display: none !important;
	}
}


/* ==========================================================================
   1.0.73 — typografia i odstepy 1:1 z X (kazda szerokosc ekranu)
   --------------------------------------------------------------------------
   Wartosci wprost z X: avatar 40, odstep 12, wiersz 12/16, nick 15/20 grubosc
   700, @nazwa i czas 15/20 w #71767b, tresc wpisu 17/24, tresc komentarza
   15/20, pasek akcji przy komentarzu ograniczony do 425 px.
   Blok stoi na koncu arkusza, wiec nic go juz nie nadpisuje.
   ========================================================================== */
.mr-post-thread-modal,
.mr-post-thread-modal,
.mr-comment-thread-modal {
	font-family: "Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ── Wiersz komentarza / odpowiedzi ─────────────────────────────────────── */
.mr-post-thread-modal .comment:not(.writer) > .x_user_info,
.mr-post-thread-modal .reply > .x_user_info {
	gap: 12px !important;
	align-items: flex-start !important;
}
.mr-post-thread-modal .comment-avatar,
.mr-post-thread-modal .comment-avatar-picture {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	margin-left: 0 !important;
}
.mr-post-thread-modal .comment-author {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	column-gap: 4px;
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 20px !important;
	white-space: nowrap;
}
.mr-post-thread-modal .comment-author .js_user-popover,
.mr-post-thread-modal .comment-author .js_user-popover a,
.mr-post-thread-modal .comment-author > a {
	color: #e7e9ea !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
}
.mr-post-thread-modal .mr-thread-handle {
	display: inline !important;
	overflow: hidden;
	max-width: 42vw;
	color: #71767b !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-overflow: ellipsis;
}
.mr-post-thread-modal .comment-author .js_moment {
	margin: 0 !important;
	color: #71767b !important;
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-post-thread-modal .comment-author .js_moment::before {
	content: "·";
	margin-right: 4px;
}
.mr-post-thread-modal .comment-author .verified-badge svg,
.mr-post-thread-modal .comment-author .pro-badge svg {
	width: 16px;
	height: 16px;
	vertical-align: -3px;
}
.mr-post-thread-modal .comment-text {
	margin-top: 0 !important;
	color: #e7e9ea;
	font-size: 15px !important;
	line-height: 20px !important;
	white-space: normal; /* tekst ma juz <br> (nl2br) - pre-wrap dublowal przerwy */
	word-break: break-word;
}
.mr-post-thread-modal .comment-btn {
	margin: 0 !important;
	color: #71767b;
}
.mr-post-thread-modal .comment-btn svg {
	width: 20px;
	height: 20px;
}

/* ── Pasek akcji przy komentarzu: jak na X ograniczony do 425 px ───────── */
.mr-post-thread-modal .comment-actions {
	max-width: 425px;
	height: 32px !important;
	min-height: 32px !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: #71767b;
	font-size: 13px !important;
}
.mr-post-thread-modal .comment-actions .action-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 0 !important;
	height: 32px;
	padding: 0 6px !important;
	border-radius: 999px;
	background: transparent !important;
	color: #71767b;
	font-size: 13px !important;
}
.mr-post-thread-modal .comment-actions .action-icon,
.mr-post-thread-modal .comment-actions .action-icon2 {
	width: 19px;
	height: 19px;
}
.mr-post-thread-modal .comment-actions .action-icon path {
	fill: currentColor;
}
.mr-post-thread-modal .comment-actions .d-md-inline,
.mr-post-thread-modal .comment-actions .reaction-btn-name {
	display: none !important;
}
.mr-post-thread-modal .comment-actions .reactions-stats-item {
	width: 18px;
	height: 18px;
}

/* 1.0.115 — regula na .mr-x-focus usunieta: takiej klasy nie nadaje
   ani szablon, ani PHP, ani skrypt (wyrozniony wiersz to .mrx-focus) */
.mr-post-thread-modal .mr-x-post-meta,
.mr-x-post-meta {
	font-size: 15px !important;
	line-height: 20px !important;
	color: #71767b;
}


/* pasek akcji posta idzie przez cala szerokosc panelu */
.mr-post-thread-native .post-actions {
	max-width: none;
	font-size: 13px;
}

/* 1.0.74 — kolejnosc ikon w pasku komentarza dokladnie jak na X:
   odpowiedz, podanie dalej, reakcja, wyswietlenia, zakladka, udostepnij */
.mr-post-thread-modal .comment-actions > .pointer.me-2 { order: 0; }
.mr-post-thread-modal .comment-actions > .js_reply { order: 1; }
.mr-post-thread-modal .comment-actions > .js_share-toggle { order: 2; }
.mr-post-thread-modal .comment-actions > .reactions-wrapper { order: 3; }
.mr-post-thread-modal .comment-actions > .js_comment-views { order: 4; }
.mr-post-thread-modal .comment-actions > .js_comment-bookmark { order: 5; }
.mr-post-thread-modal .comment-actions > .js_comment-copy-link { order: 6; }


/* 1.0.74 — element schowany przez post.js (wyswietlenia trafiaja do
   wiersza z data, wiec z paska akcji znikaja — tak jak na X).
   Selektor musi byc mocniejszy niz regula .action-btn z !important. */
.mr-post-thread-modal .comment-actions .action-btn.mr-x-hidden,
.mr-post-thread-modal .post-actions .action-btn.mr-x-hidden,
.mr-post-thread-native .comment-actions .action-btn.mr-x-hidden,
.mr-post-thread-native .post-actions .action-btn.mr-x-hidden,
.mr-post-thread-modal .mr-x-hidden {
	display: none !important;
}

/* ==========================================================================
   1.0.75 — kreska laczaca komentarz z odpowiedzia
   --------------------------------------------------------------------------
   Kolumna avatara dostala w 1.0.73 height: 40px !important (blok "1:1 z X"),
   przez co przestala siegac dolu grupy — kreska rysowana jej pseudoelementem
   miala zerowa wysokosc i to, co bylo widac, to byla stara pionowa kreska
   odpowiedzi (.comment.reply::before) zaczynajaca sie dopiero przy avatarze
   odpowiedzi. Stad "urwany" fragment na zrzucie.
   ========================================================================== */
.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar {
	position: relative;
	align-self: stretch !important;
	height: auto !important;
	min-height: 40px;
}
.mr-post-thread-native .comment.mr-has-preview > .x_user_info > .comment-avatar::after {
	content: '';
	position: absolute;
	left: 19px;
	top: 40px;
	bottom: -8px;
	width: 2px;
	border-radius: 2px;
	background: var(--mr-x-line, #111);
}
.mr-post-thread-native .comment-replies.mr-reply-preview .comment.reply::before {
	display: none !important;
	content: none !important;
}
.mr-post-thread-native .mr-show-replies {
	cursor: pointer;
}

/* 1.0.77 — pasek akcji komentarza w widoku "Post" bez ograniczenia
   szerokosci: ikony rozkladaja sie na calej szerokosci wiersza. */
.mr-post-thread-modal .comment-actions,
.mr-post-thread-native .comment-actions {
	max-width: none;
}

/* 1.0.83 — panel emotek przypiety do przycisku */
.mr-post-thread-modal .reactions-container {
	z-index: 20;
}
.mr-post-thread-modal .mr-reply-to {
	margin-bottom: 2px;
	color: #71767b;
	font-size: 15px;
	line-height: 20px;
}
.mr-post-thread-modal .mr-reply-to a {
	color: var(--mr-post-accent, #0053cb);
	font-weight: 400;
}

/* ==========================================================================
   1.0.86 — porzadki: hover, linie, odstepy, rozmiary z X
   ========================================================================== */

/* ── 5. Na telefonie linie sa jasniejsze (#111 gubilo sie na czarnym) ─── */
@media (max-width: 767.98px) {
	.mr-post-thread-modal {
		--mr-x-line: #222;
	}
}

/* ── 4. Delikatny hover na PC ──────────────────────────────────────────
   X uzywa ledwie widocznego rozjasnienia — tyle wystarczy, zeby bylo
   wiadomo, ktory wiersz jest pod kursorem. */
@media (min-width: 768px) {
	.mr-post-thread-modal .comment:not(.writer):hover,
	.mr-post-thread-modal .comment.reply:hover,
	.mr-post-thread-modal .mr-thread-parent:hover {
		background: #0a0a0a;
	}
}

/* ── 7. Rozmiary i odstepy dokladnie jak na X (kazda szerokosc) ────────
   wiersz 12/16, avatar 40, odstep 12, nick 15/20 (700), @nazwa i czas 15/20,
   tresc komentarza 15/20, tresc otwartej wypowiedzi 17/24, liczby 13. */
.mr-post-thread-modal .comment:not(.writer),
.mr-post-thread-modal .comment.reply {
	padding-left: 6px;
	padding-right: 6px;
}
.mr-post-thread-modal .comment:not(.writer) > .x_user_info,
.mr-post-thread-modal .comment.reply > .x_user_info,
.mr-post-thread-modal .mr-thread-parent > .x_user_info {
	gap: 12px !important;
}
.mr-post-thread-modal .comment-avatar,
.mr-post-thread-modal .comment-avatar-picture {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
}
.mr-post-thread-modal .comment-author,
.mr-post-thread-modal .comment-author .js_user-popover a,
.mr-post-thread-modal .comment-author > a,
.mr-post-thread-modal .mr-thread-handle,
.mr-post-thread-modal .comment-author .js_moment {
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-post-thread-modal .comment-text {
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-post-thread-modal .comment-actions,
.mr-post-thread-modal .mr-thread-parent-actions {
	font-size: 13px !important;
}

/* 1.0.86 — chip sortowania ma znowu oddech w srodku */
.mr-post-thread-native .comments-filter .btn {
	padding: 6px 14px !important;
	border-radius: 999px !important;
}
.mr-post-thread-native .comments-filter .btn-group-text {
	padding: 0 !important;
}

/* 1.0.102 — tresc posta 15/20 (blok z rozmiarami dotyczy komentarzy) */
.mr-post-thread-native .post-card .post-text {
	font-size: 15px !important;
	line-height: 20px !important;
}

/* ==========================================================================
   1.0.102 — przycisk "Odpowiedz" nigdy nie zostaje bez stylu
   --------------------------------------------------------------------------
   Przycisk buduje skrypt, gdy uzna, ze to NIE jest telefon — sprawdza
   matchMedia('(max-width: 767.98px)'). Wyglad dostawal natomiast z bloku
   @media (min-width: 768px). Miedzy 767.98 a 768 px jest szczelina: na
   tablecie (albo przy powiekszeniu strony) szerokosc potrafi w nia trafic
   i wtedy skrypt przycisk robi, a arkusz go nie widzi. Stad ten szary
   przycisk systemowy ze zdjecia.

   Wyglad przenosimy wiec POZA jakiekolwiek @media. Jest to bezpieczne:
   klase mr-x-inline-composer nadaje wylacznie skrypt, wiec te reguly nie
   maja czego dotknac tam, gdzie publishera w tresci nie ma.
   ========================================================================== */
.mr-x-inline-composer-btn {
	flex: 0 0 auto;
	height: 36px;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--mr-post-accent, #0053cb);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.mr-x-inline-composer-btn:hover {
	filter: brightness(1.08);
}
.mr-post-thread-modal .mr-post-thread-compose-wrap.mr-x-inline-composer {
	min-height: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 -6px;
	padding: 12px 6px;
	border-top: 1px solid var(--mr-x-line, #16181c);
	border-bottom: 0;
	background: #000;
}
.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose-avatar {
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose {
	height: 40px;
	padding: 8px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--mr-x-fg, #e7e9ea);
	font-size: 20px;
	line-height: 24px;
}
.mr-post-thread-modal .mr-x-inline-composer .mr-post-thread-compose::placeholder {
	color: var(--mr-x-dim, #71767b);
	opacity: 1;
}

/* ==========================================================================
   1.0.113 — "Ostatnio dodane" jako napis, nie przycisk
   --------------------------------------------------------------------------
   Na X sortowanie odpowiedzi to zwykly napis z daszkiem w dol, wtopiony
   w tresc — bez obwodki, bez tla, bez pigulki. U nas byla szara pigulka,
   ktora wygladala jak osobny przycisk i rozbijala uklad.

   Daszek dorysowujemy pseudoelementem, wiec szablonu nie trzeba ruszac.
   ========================================================================== */
#modal .mr-post-thread-native .comments-filter {
	margin: 0 !important;
	padding: 10px 6px 2px !important;
	border: 0 !important;
	background: transparent !important;
}
#modal .mr-post-thread-native .comments-filter .btn,
#modal .mr-post-thread-native .comments-filter .btn-group-text {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #71767b !important;
	font-size: 15px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
}
#modal .mr-post-thread-native .comments-filter .btn:hover,
#modal .mr-post-thread-native .comments-filter .btn:focus,
#modal .mr-post-thread-native .comments-filter .btn:active,
#modal .mr-post-thread-native .comments-filter .btn.show {
	background: transparent !important;
	box-shadow: none !important;
	color: #e7e9ea !important;
	text-decoration: none !important;
}
#modal .mr-post-thread-native .comments-filter .btn svg {
	display: none !important;
}
/* daszek w dol, jak na X */
#modal .mr-post-thread-native .comments-filter .btn::after {
	content: "";
	width: 6px;
	height: 6px;
	margin: -3px 0 0 4px;
	border: 0 !important;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform .12s ease;
}
	#modal .mr-post-thread-native .comments-filter .btn.show::after {
		transform: rotate(-135deg);
		margin-top: 2px;
	}

	/* 1.0.169 — filtr sortowania ma staly boks podczas otwierania odpowiedzi */
	.mr-post-thread-native .comments-filter,
	#modal .mr-post-thread-native .comments-filter {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		box-sizing: border-box !important;
		min-height: 34px !important;
		margin: 0 0 2px !important;
		padding: 10px 16px 6px !important;
		border: 0 !important;
		background: #000 !important;
		transform: none !important;
		transition: none !important;
	}
	.mr-post-thread-native .comments-filter > .btn-group,
	#modal .mr-post-thread-native .comments-filter > .btn-group {
		display: inline-flex !important;
		align-items: center !important;
		height: 18px !important;
		position: relative !important;
		float: none !important;
		vertical-align: top !important;
		transform: none !important;
		transition: none !important;
	}
	.mr-post-thread-native .comments-filter .btn,
	.mr-post-thread-native .comments-filter .btn-group-text,
	#modal .mr-post-thread-native .comments-filter .btn,
	#modal .mr-post-thread-native .comments-filter .btn-group-text {
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 18px !important;
		transform: none !important;
	}