/* MeczRealu: styl przeniesiony z templates/ajax.comment.thread.tpl (przegladarka trzyma go w pamieci podrecznej,
   zamiast pobierac z kazda strona / kazdym otwarciem okna). */
/* ==========================================================================
   ajax.comment.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-comment-thread-modal {
	--mr-thread-accent: #0053cb;
	--mr-thread-line: #111;
	--mr-thread-connector: #2f3336;
	width: 100%;
	max-height: min(82vh, 760px);
	display: flex;
	flex-direction: column;
	padding: 0;
	background: #000;
	color: #e7e9ea;
	overflow: hidden;
}
.mr-comment-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;
	border-bottom: 1px solid var(--mr-thread-line);
	background: #000;
}
.mr-comment-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-comment-thread-back:active {
	background: #16181c;
}
.mr-comment-thread-title {
	justify-self: center;
	font-size: 18px;
	font-weight: 700;
}
.mr-comment-thread-scroll {
	min-height: 0;
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #222 #000;
}
.mr-comment-thread-scroll::-webkit-scrollbar {
	width: 3px;
}
.mr-comment-thread-scroll::-webkit-scrollbar-track {
	background: #000;
}
.mr-comment-thread-scroll::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #222;
}
.mr-comment-thread-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mr-comment-thread-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mr-comment-thread-list > li > .comment {
	padding: 18px 18px 12px;
	border-bottom: 1px solid var(--mr-thread-line);
	background: #000;
}
.mr-comment-thread-modal .comment-inner {
	cursor: default;
}
.mr-comment-thread-modal .comment-replies {
	display: block !important;
	margin-top: 12px;
	padding-left: 18px;
}
.mr-comment-thread-modal .comment-replies > .js_reply-form {
	display: none;
}
.mr-comment-thread-modal .comment-replies .reply {
	position: relative;
	padding: 12px 0 10px;
	border-top: 1px solid var(--mr-thread-line);
}
.mr-comment-thread-modal .comment-replies .reply::before {
	content: "";
	position: absolute;
	left: -19px;
	top: -13px;
	bottom: 36px;
	width: 2px;
	background: #2f3336;
}
.mr-comment-thread-empty {
	padding: 30px 22px;
	color: #71767b;
	font-size: 15px;
	text-align: center;
}
.mr-comment-thread-compose-wrap {
	min-height: 72px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px max(10px, env(safe-area-inset-bottom));
	border-top: 0;
	background: #000;
}
.mr-comment-thread-avatar {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 50%;
	object-fit: cover;
}
.mr-comment-thread-compose {
	min-width: 0;
	height: 46px;
	flex: 1 1 auto;
	padding: 10px 16px;
	border: 1px solid var(--mr-thread-line);
	border-radius: 999px;
	outline: 0;
	background: #060606;
	color: #71767b;
	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	resize: none;
	overflow: hidden;
	touch-action: manipulation;
}
.mr-comment-thread-compose:active {
	background: #0b0b0b;
}
.mr-comment-thread-modal .verified-badge {
	color: var(--mr-thread-accent) !important;
}
.mr-comment-thread-modal a.main {
	color: var(--mr-thread-accent) !important;
}
.mr-comment-thread-modal .mr-thread-handle {
	display: none;
}

@media (max-width: 767.98px) {

	/* ── Powłoka modala ──────── */
	html.mr-comment-thread-open {
		overflow: hidden !important;
		background: #000 !important;
	}
	body.mr-comment-thread-open {
		overflow: hidden !important;
		background: #000 !important;
	}
	#modal.mr-comment-thread-open {
		padding: 0 !important;
		background: #000 !important;
	}
	#modal.mr-comment-thread-open .modal-dialog {
		width: 100% !important;
		max-width: none !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		margin: 0 !important;
	}
	#modal.mr-comment-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-comment-thread-modal {
		height: 100dvh;
		min-height: 100dvh;
		max-height: 100dvh;
	}
	.mr-comment-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);
		grid-template-columns: 44px 1fr 44px;
		border-bottom: 0;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-thread-android .mr-comment-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-comment-thread-title {
		font-size: 19px;
		line-height: 24px;
	}
	.mr-comment-thread-scroll {
		background: #000;
	}
	.mr-comment-thread-list {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mr-comment-thread-list > li {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	.mr-comment-thread-modal .comment-replies {
		list-style: none;
		position: relative;
		display: block !important;
		width: calc(100% + 54px);
		margin: 0 0 0 -54px;
		padding: 0;
		border-top: 1px solid #111;
	}
	.mr-comment-thread-modal .comment-replies .js_replies {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mr-comment-thread-modal .comment-replies .js_replies > li {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	.mr-comment-thread-modal .comment {
		border: 0 !important;
		border-radius: 0;
		background: #000 !important;
		box-shadow: none;
	}
	.mr-comment-thread-modal .reply {
		border: 0;
		border-radius: 0;
		background: #000;
		box-shadow: none;
	}
	.mr-comment-thread-modal .comment-data {
		border: 0;
		border-radius: 0;
		background: #000;
		box-shadow: none;
		min-width: 0 !important;
	}
	.mr-comment-thread-modal .comment-inner-wrapper {
		border: 0;
		border-radius: 0;
		background: #000;
		box-shadow: none;
	}
	.mr-comment-thread-modal .comment-inner {
		border: 0;
		border-radius: 0;
		background: #000;
		box-shadow: none;
	}
	.mr-comment-thread-modal .comment-replace {
		border: 0;
		border-radius: 0;
		background: #000;
		box-shadow: none;
	}
	.mr-comment-thread-list > li > .comment {
		border-bottom: 0 !important;
		padding: 10px 8px 0 !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info {
		align-items: flex-start !important;
		gap: 12px !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		border-radius: 50%;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar .comment-avatar-picture {
		border-radius: 50%;
	}
	.mr-comment-thread-modal .comment-author {
		display: flex;
		align-items: center;
		gap: 4px;
		min-width: 0;
		line-height: 20px;
		white-space: nowrap;
	}
	.mr-comment-thread-modal .comment-author .js_user-popover {
		min-width: 0;
		max-width: min(48vw, 280px);
		overflow: hidden;
		color: #e7e9ea;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 15px;
	}
	.mr-comment-thread-modal .comment-author .js_user-popover a {
		min-width: 0;
		max-width: min(48vw, 280px);
		overflow: hidden !important;
		color: #e7e9ea !important;
		font-weight: 700 !important;
		text-overflow: ellipsis;
		white-space: nowrap !important;
		font-size: 15px !important;
	}
	.mr-comment-thread-modal .mr-thread-handle {
		min-width: 0;
		display: inline-block;
		overflow: hidden;
		color: #71767b;
		font-weight: 400;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
	}
	.mr-comment-thread-modal .comment-author .js_moment {
		flex: 0 0 auto;
		margin-left: 2px;
		color: #71767b;
		font-size: 13px;
	}
	.mr-comment-thread-modal .comment-author .js_moment::before {
		content: "·";
		margin-right: 4px;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > div:first-child .comment-text {
		margin-top: 2px;
		color: #e7e9ea;
		font-weight: 400;
		white-space: normal;
		word-break: break-word;
	}
	.mr-comment-thread-modal .comment-btn {
		margin: -4px -4px 0 0;
		color: #71767b;
	}
	.mr-comment-thread-modal .comment-actions {
		height: 44px !important;
		min-height: 44px !important;
		margin: 8px 0 0 !important;
		padding: 0;
		border: 0;
		color: #71767b;
	}
	.mr-comment-thread-modal .comment-actions .action-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 3px;
		border-radius: 999px !important;
		background: transparent !important;
		color: #71767b;
		font-size: 13px;
		min-width: 36px !important;
		padding: 6px !important;
	}
	.mr-comment-thread-modal .comment-actions .action-btn:active {
		background: #080f18 !important;
	}
	.mr-comment-thread-modal .comment-actions .action-icon {
		fill: none !important;
	}
	.mr-comment-thread-modal .comment-replies::before {
		content: "";
		position: absolute;
		width: 2px;
		border-radius: 999px;
		background: #2f3336;
		z-index: 0;
		left: 28px;
		top: -39px;
		height: 39px;
	}
	.mr-comment-thread-modal .comment-replies .reply {
		position: relative;
		padding: 12px 8px 8px;
		border: 0;
		border-bottom: 1px solid #111;
		background: #000;
	}
	.mr-comment-thread-modal .comment-replies .js_replies > li > .reply {
		position: relative;
		border: 0;
		border-bottom: 1px solid #111;
		background: #000;
	}
	.mr-comment-thread-modal .comment-replies .reply::before {
		display: none;
	}
	.mr-comment-thread-modal .comment-replies .reply > .x_user_info {
		align-items: flex-start !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		border-radius: 50%;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar-picture {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		border-radius: 50%;
	}
	.mr-comment-thread-modal .comment-replies .comment-text {
		margin-top: 2px;
		color: #e7e9ea;
		font-size: 16px !important;
		line-height: 1.34 !important;
		white-space: normal;
		word-break: break-word;
	}
	.mr-comment-thread-modal .comment-replies .comment-actions {
		height: 38px !important;
	}
	.mr-comment-thread-modal .comment-replies .attch_img {
		width: auto !important;
		max-width: 100% !important;
		max-height: 360px !important;
		border-radius: 14px !important;
		object-fit: cover !important;
	}
	.mr-comment-thread-modal .mr-comment-publisher-media {
		width: 100%;
		max-width: 100%;
	}
	.mr-comment-thread-modal .mr-comment-photo-grid {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		border: 1px solid #111;
		border-radius: 14px;
		background: #000;
	}
	.mr-comment-thread-modal .mr-comment-gif {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		border: 1px solid #111;
		border-radius: 14px;
		background: #000;
	}
	.mr-comment-thread-modal .mr-comment-link-card {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		border: 1px solid #111;
		border-radius: 14px;
		background: #000;
	}
	.mr-comment-thread-modal .mr-comment-video {
		max-width: 100%;
		overflow: hidden;
		border: 1px solid #111;
		border-radius: 14px;
		background: #000;
		display: block;
		width: 100%;
		height: auto;
		max-height: 480px;
		object-fit: cover;
	}
	.mr-comment-thread-modal .mr-comment-audio {
		width: 100%;
		max-width: 100%;
	}
	.mr-comment-thread-modal .mr-comment-photo-grid img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: 480px !important;
		object-fit: cover !important;
	}
	.mr-comment-thread-modal .mr-comment-gif img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: 480px !important;
		object-fit: cover !important;
	}
	.mr-comment-thread-modal .js_see-more {
		margin: 0;
		padding: 11px 8px;
		border-bottom: 1px solid #111;
		border-radius: 0;
		background: #000;
		color: var(--mr-thread-accent);
		text-align: left;
	}
	.mr-comment-thread-empty {
		padding: 24px 8px;
		/* MeczRealu: bez gornej kreski */
		color: #71767b;
		background: #000;
	}
	.mr-comment-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: 0;
		background: #000;
		z-index: 20;
	}
	.mr-comment-thread-avatar {
		width: 36px;
		height: 36px;
		min-width: 36px;
	}
	.mr-comment-thread-compose {
		display: block;
		height: 42px;
		min-height: 42px;
		padding: 0 16px;
		border: 1px solid #111;
		background: #060606;
		color: #71767b;
		font-size: 15px;
		line-height: 42px;
		visibility: visible;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info {
		gap: 10px !important;
	}
	.mr-comment-thread-modal .comment-replies .reply > .x_user_info {
		gap: 10px !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar .comment-avatar-picture {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > div:first-child .comment-text {
		font-size: 16px !important;
		line-height: 1.3 !important;
	}
	.mr-comment-thread-modal .comment-actions {
		height: 36px !important;
		min-height: 36px !important;
		margin-top: 3px !important;
	}
	.mr-comment-thread-modal .comment-replies {
		width: calc(100% + 48px);
		margin-left: -48px;
	}
	.mr-comment-thread-modal .comment-replies .reply {
		padding: 8px 8px 5px;
	}
	.mr-comment-thread-modal .comment-replies .js_replies > li > .reply {
		padding: 8px 8px 5px;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar-picture {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-text {
		font-size: 15px !important;
		line-height: 1.3 !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-actions {
		height: 34px !important;
		min-height: 34px !important;
		margin-top: 2px !important;
	}
}

@media (min-width: 768px) {

	/* ==================================================================
	   1.0.67 — widok "Watek" na PC w wygladzie X
	   ------------------------------------------------------------------
	   Najwazniejsza zmiana: odpowiedzi nie sa juz wciete pod komentarzem
	   glownym. Na X rozmowa to plaska lista wierszy oddzielonych linia —
	   dzieki temu tekst dostaje cala szerokosc kolumny i jest czytelny.
	   ================================================================== */

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

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

	/* ── Naglowek ───────────────────────────────────────────────────── */
	.mr-comment-thread-header {
		height: 43px;
		min-height: 43px;
		grid-template-columns: 52px 1fr;
		padding: 0 4px;
		border-bottom: 1px solid var(--mr-x-line);
	}
	.mr-comment-thread-header > span[aria-hidden] {
		display: none;
	}
	.mr-comment-thread-back {
		width: 36px;
		height: 36px;
		justify-self: center;
	}
	.mr-comment-thread-back:hover {
		background: #181818;
	}
	.mr-comment-thread-title {
		justify-self: start;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: -.01em;
	}

	/* ── Komentarz glowny watku = "wpis" w stylu X ──────────────────── */
	.mr-comment-thread-list > li > .comment {
		padding: 12px 16px 0;
		border-bottom: 0;
		background: #000;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar .comment-avatar-picture {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-left: 0;
	}
	/* tresc, akcje i odpowiedzi wychodza spod avatara na cala szerokosc */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-replace,
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-actions {
		margin-left: -52px;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-replies,
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .mr-x-inline-composer {
		margin: 0 -6px 0 -58px;
	}
	/* nick w pierwszym wierszu, @nazwa w drugim */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 4px;
		line-height: 20px;
	}
	/* @nazwa schodzi do drugiego wiersza, ale dopiero za odznakami */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author > .mr-thread-handle {
		order: 9;
		flex: 0 0 100%;
	}
	/* czas trafia do wiersza "godzina · data" pod trescia */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author > .js_moment {
		display: none;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-replace .comment-text {
		margin-top: 4px;
		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;
	}
	/* pasek akcji komentarza glownego — jak pod wpisem na X */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-actions {
		height: 48px;
		min-height: 48px;
		/* 1.0.70 — linia nad paskiem akcji siega scianek panelu */
		margin: 4px -6px 0 -58px;
		padding: 4px 10px;
		/* MeczRealu: kreska POD paskiem akcji, nie nad nim */
		border-bottom: 1px solid var(--mr-x-line);
	}

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

	/* ── Publisher w tresci ─────────────────────────────────────────── */
	.mr-comment-thread-modal .mr-comment-thread-compose-wrap.mr-x-inline-composer {
		min-height: 0;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 6px;
		border-bottom: 1px solid var(--mr-x-line);
		background: #000;
	}
	.mr-comment-thread-modal .mr-x-inline-composer .mr-comment-thread-avatar {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	.mr-comment-thread-modal .mr-x-inline-composer .mr-comment-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-comment-thread-modal .mr-x-inline-composer .mr-comment-thread-compose::placeholder {
		color: var(--mr-x-dim);
		opacity: 1;
	}
	.mr-comment-thread-modal .mr-x-inline-composer-btn {
		flex: 0 0 auto;
		height: 36px;
		padding: 0 18px;
		border: 0;
		border-radius: 999px;
		background: var(--mr-thread-accent, #0053cb);
		color: #fff;
		font-family: inherit;
		font-size: 15px;
		font-weight: 700;
		cursor: pointer;
	}

	/* ── Odpowiedzi: plaska lista, bez wciecia i bez pionowej kreski ── */
	.mr-comment-thread-modal .comment-replies {
		margin-top: 0;
		padding-left: 0;
	}
	.mr-comment-thread-modal .comment-replies::before {
		display: none;
	}
	.mr-comment-thread-modal .comment-replies .reply {
		position: relative;
		padding: 12px 16px;
		border-top: 0;
		border-bottom: 1px solid var(--mr-x-line);
		background: #000;
	}
	.mr-comment-thread-modal .comment-replies .reply::before {
		display: none;
	}
	.mr-comment-thread-modal .comment-replies .reply > .x_user_info {
		gap: 12px !important;
		align-items: flex-start;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar-picture {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-left: 0;
	}
	.mr-comment-thread-modal .comment-replies .comment-author {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 4px;
		line-height: 20px;
	}
	.mr-comment-thread-modal .comment-replies .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;
	}

	/* ── Nick, @nazwa i czas we wszystkich wierszach ────────────────── */
	.mr-comment-thread-modal .comment-author .js_user-popover a,
	.mr-comment-thread-modal .comment-author > a {
		color: var(--mr-x-fg);
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
	}
	.mr-comment-thread-modal .mr-thread-handle {
		display: inline;
		color: var(--mr-x-dim);
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
	}
	.mr-comment-thread-modal .comment-author .js_moment {
		margin-left: 0;
		color: var(--mr-x-dim) !important;
		font-size: 15px;
		line-height: 20px;
	}
	.mr-comment-thread-modal .comment-author .js_moment::before {
		content: "·";
		margin-right: 4px;
	}
	.mr-comment-thread-modal .comment-btn {
		margin: 0;
		color: var(--mr-x-dim);
	}

	/* ── Paski akcji: same ikony z licznikiem, bez podpisow ─────────── */
	.mr-comment-thread-modal .comment-actions {
		margin-top: 6px;
		color: var(--mr-x-dim);
		font-size: 13px;
	}
	.mr-comment-thread-modal .comment-replies .comment-actions {
		height: 34px;
		min-height: 34px;
		margin-top: 4px;
	}
	.mr-comment-thread-modal .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);
	}
	.mr-comment-thread-modal .comment-actions .d-md-inline {
		display: none !important;
	}
	.mr-comment-thread-modal .comment-actions .action-icon path {
		fill: currentColor;
	}

	/* ── Pusty watek ────────────────────────────────────────────────── */
	.mr-comment-thread-empty {
		padding: 24px 16px;
		/* MeczRealu: bez gornej kreski */
		text-align: left;
	}
}


/* 1.0.71 — panel reakcji zawsze poziomo + brak przycisku doczytywania
   (komplet odpowiedzi przychodzi z serwera) */
.mr-comment-thread-modal .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-comment-thread-modal .reactions-container .reactions_item {
	float: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}
.mr-comment-thread-modal .js_see-more {
	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-comment-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-comment-thread-modal .comment:not(.writer) > .x_user_info,
.mr-comment-thread-modal .reply > .x_user_info {
	gap: 12px !important;
	align-items: flex-start !important;
}
.mr-comment-thread-modal .comment-avatar,
.mr-comment-thread-modal .comment-avatar-picture {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	margin-left: 0 !important;
}
.mr-comment-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-comment-thread-modal .comment-author .js_user-popover,
.mr-comment-thread-modal .comment-author .js_user-popover a,
.mr-comment-thread-modal .comment-author > a {
	color: #e7e9ea !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
}
.mr-comment-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-comment-thread-modal .comment-author .js_moment {
	margin: 0 !important;
	color: #71767b !important;
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-comment-thread-modal .comment-author .js_moment::before {
	content: "·";
	margin-right: 4px;
}
.mr-comment-thread-modal .comment-author .verified-badge svg,
.mr-comment-thread-modal .comment-author .pro-badge svg {
	width: 16px;
	height: 16px;
	vertical-align: -3px;
}
.mr-comment-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-comment-thread-modal .comment-btn {
	margin: 0 !important;
	color: #71767b;
}
.mr-comment-thread-modal .comment-btn svg {
	width: 20px;
	height: 20px;
}

/* ── Pasek akcji przy komentarzu: jak na X ograniczony do 425 px ───────── */
.mr-comment-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-comment-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-comment-thread-modal .comment-actions .action-icon,
.mr-comment-thread-modal .comment-actions .action-icon2 {
	width: 19px;
	height: 19px;
}
.mr-comment-thread-modal .comment-actions .action-icon path {
	fill: currentColor;
}
.mr-comment-thread-modal .comment-actions .d-md-inline,
.mr-comment-thread-modal .comment-actions .reaction-btn-name {
	display: none !important;
}
.mr-comment-thread-modal .comment-actions .reactions-stats-item {
	width: 18px;
	height: 18px;
}

/* 1.0.115 — regula na .mr-x-focus usunieta: takiej klasy nikt nie nadaje */
.mr-comment-thread-modal .mr-x-post-meta,
.mr-x-post-meta {
	font-size: 15px !important;
	line-height: 20px !important;
	color: #71767b;
}


/* pasek akcji wpisu glownego idzie przez cala szerokosc, nie 425 px */
.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-actions {
	max-width: none;
	height: 48px !important;
	min-height: 48px !important;
	/* MeczRealu: bez odstepu nad paskiem akcji */
	margin: 0 -6px 0 -58px !important;
	padding: 4px 10px !important;
	/* MeczRealu: kreska POD paskiem akcji, nie nad nim */
	border-bottom: 1px solid var(--mr-x-line, #111) !important;
}

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

@media (max-width: 767.98px) {

	/* ==================================================================
	   1.0.74 — widok "Watek" na telefonie w wygladzie X
	   ------------------------------------------------------------------
	   Blok stoi na koncu arkusza, wiec przebija starsze reguly mobilne.
	   Naglowka nie rusza (zapas na notcha zostaje).
	   ================================================================== */

	.mr-comment-thread-modal {
		--mr-x-line: #111;
		--mr-x-dim: #71767b;
		--mr-x-fg: #e7e9ea;
	}
	.mr-comment-thread-scroll {
		scrollbar-width: none;
	}
	.mr-comment-thread-scroll::-webkit-scrollbar {
		width: 0;
		display: none;
	}

	/* ── Komentarz otwierajacy watek = "wpis" ───────────────────────── */
	.mr-comment-thread-list > li > .comment {
		padding: 12px 16px 0 !important;
		border-bottom: 0 !important;
		background: #000 !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info {
		gap: 12px !important;
		align-items: flex-start !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar,
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-avatar .comment-avatar-picture {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		margin-left: 0 !important;
	}
	/* nick w pierwszym wierszu, @nazwa w drugim */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		column-gap: 4px;
		line-height: 20px !important;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author > .mr-thread-handle {
		order: 9;
		flex: 0 0 100%;
		max-width: none;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-author > .js_moment {
		display: none;
	}
	/* tresc, wiersz z data i pasek akcji wychodza spod avatara */
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-replace {
		margin-left: -52px;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-replace .comment-text {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	.mr-comment-thread-modal .mr-x-post-meta {
		margin-left: -52px;
		padding: 14px 0 10px;
	}
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-actions {
		max-width: none !important;
		height: 48px !important;
		min-height: 48px !important;
		margin: 0 -6px 0 -58px !important;
		padding: 4px 10px !important;
		/* MeczRealu: kreska POD paskiem akcji, nie nad nim */
		border-top: 0 !important;
		border-bottom: 1px solid var(--mr-x-line) !important;
	}

	/* ── Odpowiedzi: plaska lista, bez wciecia i bez pionowej kreski ── */
	.mr-comment-thread-modal .comment-replies {
		width: auto !important;
		margin: 0 -6px 0 -58px !important;
		padding: 0 !important;
		border-top: 0 !important;
	}
	.mr-comment-thread-modal .comment-replies::before,
	.mr-comment-thread-modal .comment-replies .reply::before {
		display: none !important;
		content: none !important;
	}
	.mr-comment-thread-modal .comment-replies .reply,
	.mr-comment-thread-modal .comment-replies .js_replies > li > .reply {
		padding: 12px 16px !important;
		border: 0 !important;
		border-bottom: 1px solid var(--mr-x-line) !important;
		background: #000 !important;
	}
	.mr-comment-thread-modal .comment-replies .reply > .x_user_info {
		gap: 12px !important;
		align-items: flex-start !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-avatar,
	.mr-comment-thread-modal .comment-replies .comment-avatar-picture {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		margin-left: 0 !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-text {
		margin-top: 0 !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	.mr-comment-thread-modal .comment-replies .comment-actions {
		max-width: 425px;
		height: 32px !important;
		min-height: 32px !important;
		margin: 12px 0 0 !important;
	}
	.mr-comment-thread-empty {
		padding: 24px 16px;
		/* MeczRealu: bez gornej kreski */
		text-align: left;
	}
}


/* 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-comment-thread-modal .comment-actions .action-btn.mr-x-hidden,
.mr-comment-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-comment-thread-modal .mr-x-hidden {
	display: none !important;
}

/* ==========================================================================
   1.0.76 — wpis nadrzedny na gorze watku (jak na X)
   ========================================================================== */
.mr-comment-thread-modal .mr-thread-parent {
	position: relative;
	padding: 12px 16px 0;
	background: #000;
	cursor: pointer;
}
.mr-comment-thread-modal .mr-thread-parent:hover {
	background: #080808;
}
.mr-comment-thread-modal .mr-thread-parent > .x_user_info {
	gap: 12px !important;
	align-items: flex-start !important;
}
.mr-comment-thread-modal .mr-thread-parent .comment-avatar {
	position: relative;
	align-self: stretch !important;
	height: auto !important;
	min-height: 40px;
}
/* kreska laczaca wpis z komentarzem ponizej */
.mr-comment-thread-modal .mr-thread-parent .comment-avatar::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 40px;
	/* Linia chowa sie pod kolejnym avatarem, bez widocznej przerwy. */
	bottom: -31px;
	width: 1px;
	border-radius: 1px;
	background: var(--mr-thread-connector, #2f3336);
	transform: translateX(-50%);
	z-index: 0;
}
.mr-comment-thread-modal .mr-thread-parent .comment-avatar-picture {
	position: relative;
	z-index: 1;
}
.mr-comment-thread-modal .mr-thread-parent .comment-text {
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-comment-thread-modal .mr-thread-parent-media {
	margin-top: 8px;
	width: 70%;
	max-width: 70%;
	overflow: hidden;
	border-radius: 14px;
}
.mr-comment-thread-modal .mr-thread-parent-media :is(.pg_wrapper, .post-media, .post-media-image, .post-video-reel, video, img) {
	max-width: 100%;
}
.mr-comment-thread-modal .mr-thread-parent-media .pg_1x > a {
	height: auto !important;
}
.mr-comment-thread-modal .mr-thread-parent-media .pg_1x img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 56vh !important;
	max-height: min(56dvh, 560px) !important;
	object-fit: contain !important;
}
.mr-comment-thread-modal .mr-thread-parent-media :is(.pg_wrapper, .post-media, .post-media-image, .post-video-reel, video) {
	border-radius: 14px;
	overflow: hidden;
}
.mr-comment-thread-modal .comment .comment-replace > .text-link {
	display: block;
	width: 100%;
}
.mr-comment-thread-modal .comment .attch_img {
	display: block !important;
	width: 70% !important;
	height: auto !important;
	max-width: 70% !important;
	max-height: 56vh !important;
	max-height: min(56dvh, 560px) !important;
	object-fit: contain !important;
}
.mr-comment-thread-modal .mr-thread-parent-actions {
	max-width: 425px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	color: #71767b;
	font-size: 13px;
}
.mr-comment-thread-modal .mr-thread-parent-actions span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.mr-comment-thread-modal .mr-thread-parent-actions .action-icon {
	width: 18px;
	height: 18px;
}
/* komentarz otwierajacy watek nie ma juz gornej ramki — laczy go kreska */
.mr-comment-thread-modal .mr-thread-parent + .mr-comment-thread-list > li > .comment {
	padding-top: 12px;
}

/* ==========================================================================
   1.0.83 — czytelny watek
   ========================================================================== */
/* wiersz "Odpowiadajac <nick>" nad trescia odpowiedzi */
.mr-comment-thread-modal .mr-reply-to {
	margin-bottom: 2px;
	color: #71767b;
	font-size: 15px;
	line-height: 20px;
}
.mr-comment-thread-modal .mr-reply-to a {
	color: var(--mr-thread-accent, #0053cb);
	font-weight: 400;
}
/* zadnych resztek starych pionowych kresek przy odpowiedziach */
.mr-comment-thread-modal .comment.reply::before,
.mr-comment-thread-modal .comment-replies::before,
.mr-comment-thread-modal .comment-replies .reply::before,
.mr-comment-thread-modal .comment-replies .js_replies > li > .reply::before {
	display: none !important;
	content: none !important;
}
/* panel emotek jest przypiety do przycisku (position: absolute) */
.mr-comment-thread-modal .reactions-container {
	z-index: 20;
}

/* 1.0.84 — odnosnik do podwatku pod odpowiedzia */
.mr-comment-thread-modal .mr-show-replies.mr-show-subthread {
	padding: 6px 0 0;
	color: var(--mr-thread-accent, #0053cb);
	font-size: 15px;
	line-height: 20px;
	cursor: pointer;
}
.mr-comment-thread-modal .mr-show-replies.mr-show-subthread:hover {
	text-decoration: underline;
}

/* 1.0.85 — lancuch przodkow rozmowy */
.mr-comment-thread-modal .mr-thread-ancestor {
	cursor: pointer;
}
.mr-comment-thread-modal .mr-thread-ancestor:hover {
	background: #080808;
}
/* w rozmowie kazda odpowiedz prowadzi do wlasnej rozmowy */
.mr-comment-thread-modal .comment.reply {
	cursor: pointer;
}
.mr-comment-thread-modal .comment.reply:hover {
	background: #080808;
}
.mr-comment-thread-modal .comment.reply a,
.mr-comment-thread-modal .comment.reply .action-btn,
.mr-comment-thread-modal .comment.reply .comment-btn {
	cursor: pointer;
}

/* ==========================================================================
   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-comment-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-comment-thread-modal .comment:not(.writer):hover,
	.mr-comment-thread-modal .comment.reply:hover,
	.mr-comment-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-comment-thread-modal .comment:not(.writer),
.mr-comment-thread-modal .comment.reply {
	padding-left: 6px;
	padding-right: 6px;
}
.mr-comment-thread-modal .comment:not(.writer) > .x_user_info,
.mr-comment-thread-modal .comment.reply > .x_user_info,
.mr-comment-thread-modal .mr-thread-parent > .x_user_info {
	gap: 12px !important;
}
.mr-comment-thread-modal .comment-avatar,
.mr-comment-thread-modal .comment-avatar-picture {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
}
.mr-comment-thread-modal .comment-author,
.mr-comment-thread-modal .comment-author .js_user-popover a,
.mr-comment-thread-modal .comment-author > a,
.mr-comment-thread-modal .mr-thread-handle,
.mr-comment-thread-modal .comment-author .js_moment {
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-comment-thread-modal .comment-text {
	font-size: 15px !important;
	line-height: 20px !important;
}
.mr-comment-thread-modal .comment-actions,
.mr-comment-thread-modal .mr-thread-parent-actions {
	font-size: 13px !important;
}

/* ── 1.0.86 — poprawki z zaznaczonego zrzutu ───────────────────────────
   a) pozioma kreska przecinajaca pionowa kreske rozmowy znika,
   b) pasek akcji otwartej wypowiedzi dostaje odstep od tresci. */
.mr-comment-thread-modal .mr-thread-parent,
.mr-comment-thread-modal .mr-thread-ancestor {
	border: 0 !important;
	box-shadow: none !important;
}
.mr-comment-thread-modal .mr-thread-parent + .mr-comment-thread-list > li > .comment,
.mr-comment-thread-modal .mr-comment-thread-list > li > .comment {
	border-top: 0 !important;
}
.mr-comment-thread-modal .mr-thread-parent-actions {
	border: 0 !important;
}
@media (max-width: 767.98px) {
	.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .comment-actions {
		margin-top: 12px !important;
	}
	.mr-comment-thread-modal .comment-replies {
		border-top: 0 !important;
	}
}

/* 1.0.103 — otwarta wypowiedz ma teraz 15/20, tak samo jak reszta rozmowy.
   Regula zostaje na swoim miejscu (PO bloku z rozmiarami), zeby bylo widac,
   ze to swiadomy wybor, a nie przeoczenie. */
.mr-comment-thread-list > li > .comment > .x_user_info > .comment-data > .d-flex > .comment-inner-wrapper > .comment-inner > .comment-replace .comment-text {
	font-size: 15px !important;
	line-height: 20px !important;
}

/* ==========================================================================
   1.0.102 — przycisk "Odpowiedz" nigdy nie zostaje bez stylu
   Powod opisany w ajax.post.thread.tpl: skrypt i arkusz uzywaly progow,
   miedzy ktorymi jest szczelina (767.98 / 768 px).
   ========================================================================== */
.mr-comment-thread-modal .mr-x-inline-composer-btn,
.mr-x-inline-composer-btn {
	flex: 0 0 auto;
	height: 36px;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--mr-thread-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-comment-thread-modal .mr-comment-thread-compose-wrap.mr-x-inline-composer {
	min-height: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 6px;
	border-bottom: 1px solid var(--mr-x-line, #16181c);
	background: #000;
}
.mr-comment-thread-modal .mr-x-inline-composer .mr-comment-thread-avatar {
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.mr-comment-thread-modal .mr-x-inline-composer .mr-comment-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-comment-thread-modal .mr-x-inline-composer .mr-comment-thread-compose::placeholder {
	color: var(--mr-x-dim, #71767b);
	opacity: 1;
}
.mr-comment-thread-modal .mr-comment-thread-compose-wrap {
	border-top: 0 !important;
}
html[data-mr-theme="light"] .mr-comment-thread-modal {
	--mr-thread-line: #d8e0e7;
	--mr-x-line: #d8e0e7;
	--mr-thread-connector: #c7d0d9;
}
html[data-mr-theme="light"] .mr-comment-thread-modal .mr-comment-thread-header,
html[data-mr-theme="light"] .mr-comment-thread-modal .mr-comment-thread-compose-wrap.mr-x-inline-composer,
html[data-mr-theme="light"] .mr-comment-thread-modal .comment-actions,
html[data-mr-theme="light"] .mr-comment-thread-modal .comment-replies .reply {
	border-color: #d8e0e7 !important;
}