.bbchat-xf {
	--bbchat-bg: #071224;
	--bbchat-bg-soft: #0d1b34;
	--bbchat-card: rgba(12, 24, 48, 0.92);
	--bbchat-card-soft: rgba(16, 31, 62, 0.82);
	--bbchat-line: rgba(255, 255, 255, 0.09);
	--bbchat-text: #f4f7ff;
	--bbchat-text-soft: rgba(244, 247, 255, 0.72);
	--bbchat-blue: #2a60ee;
	--bbchat-pink: #ff5aaa;
	--bbchat-amber: #ffc85a;
	--bbchat-navy: #0b1731;
	--bbchat-green: #39d0a4;
	--bbchat-shadow: 0 18px 38px rgba(2, 8, 19, 0.32);
	--bbchat-message-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Noto Sans Hebrew", "Heebo", sans-serif;
	--bbchat-message-font-size: 14px;
	--bbchat-message-line-height: 19px;
	font-family: "Heebo", sans-serif;
	color-scheme: dark;
}

.p-staffBar,
.p-staffBar-inner {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

html[data-bbchat-theme="light"] .bbchat-xf {
	--bbchat-bg: #eef3ff;
	--bbchat-bg-soft: #f6f8ff;
	--bbchat-card: rgba(255, 255, 255, 0.96);
	--bbchat-card-soft: rgba(247, 250, 255, 0.96);
	--bbchat-line: rgba(17, 33, 61, 0.12);
	--bbchat-text: #142443;
	--bbchat-text-soft: rgba(20, 36, 67, 0.7);
	--bbchat-shadow: 0 18px 38px rgba(24, 43, 76, 0.12);
	color-scheme: light;
}

.bbchat-xf,
.bbchat-xf * {
	box-sizing: border-box;
}

.bbchat-xf {
	margin: 0;
	height: 100%;
	min-height: 100%;
	background:
		radial-gradient(circle at top right, rgba(42, 96, 238, 0.2), transparent 28%),
		radial-gradient(circle at top left, rgba(255, 90, 170, 0.14), transparent 24%),
		linear-gradient(180deg, #081224 0%, #060d1c 100%);
	color: var(--bbchat-text);
}

.bbchat-xf {
	font-family: "Heebo", sans-serif;
	overflow: hidden;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-xf {
	background:
		radial-gradient(circle at top right, rgba(42, 96, 238, 0.12), transparent 28%),
		radial-gradient(circle at top left, rgba(255, 90, 170, 0.1), transparent 24%),
		linear-gradient(180deg, #f6f8ff 0%, #eaf0ff 100%);
}

.bbchat-xf a {
	color: inherit;
	text-decoration: none;
}

.bbchat-xf button,
.bbchat-xf textarea,
.bbchat-xf input,
.bbchat-xf select {
	font: inherit;
}

.bbchat-shell {
	height: 100vh;
	height: 100svh;
	min-height: 100svh;
	padding: 10px 16px 80px;
	max-width: 1680px;
	margin: 0 auto;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 8px;
}

.bbchat-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	padding: 3px 8px;
	background: rgba(10, 21, 42, 0.9);
	border: 1px solid var(--bbchat-line);
	border-radius: 16px;
	box-shadow: var(--bbchat-shadow);
	position: sticky;
	top: 4px;
	z-index: 20;
	backdrop-filter: blur(18px);
}

.bbchat-topbar__brand {
	display: flex;
	align-items: center;
	min-height: 100%;
}

.bbchat-brand {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	min-height: 38px;
}

.bbchat-brand__mark {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	align-self: center;
	border-radius: 999px;
	background:
		radial-gradient(circle at 35% 35%, rgba(255, 227, 154, 0.95), rgba(255, 227, 154, 0) 26%),
		radial-gradient(circle at 60% 65%, rgba(255, 90, 170, 0.88), rgba(255, 90, 170, 0) 38%),
		linear-gradient(135deg, var(--bbchat-blue), var(--bbchat-pink));
	box-shadow: inset 0 0 0 5px rgba(4, 12, 26, 0.55), 0 10px 20px rgba(0, 0, 0, 0.24);
}

.bbchat-brand__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	min-width: 0;
	min-height: 38px;
}

.bbchat-brand__copy strong {
	font-family: "Rubik", sans-serif;
	font-size: 1.34rem;
	letter-spacing: -0.025em;
	line-height: 1;
	white-space: nowrap;
}

.bbchat-brand__copy span,
.bbchat-topbar__links a,
.bbchat-userpill__text span {
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
	line-height: 1;
}

.bbchat-topbar__links {
	display: flex;
	align-items: center;
	gap: 7px;
}

.bbchat-topbar__auth {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.bbchat-topbar__links a {
	padding: 1px 0;
}

.bbchat-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bbchat-text);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
	transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.bbchat-theme-toggle:hover,
.bbchat-theme-toggle:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-1px);
	outline: none;
}

.bbchat-theme-toggle__icon {
	font-size: 0.95rem;
	line-height: 1;
}

.bbchat-admin-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid rgba(255, 200, 90, 0.26);
	border-radius: 999px;
	background: rgba(255, 200, 90, 0.1);
	color: var(--bbchat-text);
	font-weight: 800;
	font-size: 0.86rem;
	white-space: nowrap;
	cursor: pointer;
	transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.bbchat-admin-open:hover,
.bbchat-admin-open:focus-visible,
.bbchat-admin-open[aria-expanded="true"] {
	background: rgba(255, 200, 90, 0.18);
	border-color: rgba(255, 200, 90, 0.46);
	outline: none;
}

.bbchat-pill,
.bbchat-send,
.bbchat-action {
	border: 0;
	border-radius: 999px;
	cursor: pointer;
}

.bbchat-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 16px;
	background: linear-gradient(135deg, var(--bbchat-blue), var(--bbchat-pink));
	color: #fff;
	font-weight: 800;
}

.bbchat-topbar .bbchat-pill {
	min-height: 32px;
	padding: 0 13px;
	font-size: 0.9rem;
}

.bbchat-pill--muted {
	background: rgba(255, 255, 255, 0.08);
	color: var(--bbchat-text);
}

.bbchat-userpill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 5px 0 1px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
}

.bbchat-userpill__text {
	display: grid;
	gap: 0;
	line-height: 1;
}

.bbchat-userpill__text strong {
	display: block;
	font-size: 0.84rem;
	line-height: 1;
}

.bbchat-userpill--button {
	border: 0;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.bbchat-userpill--button:hover,
.bbchat-userpill--button:focus-visible {
	background: rgba(255, 255, 255, 0.1);
	outline: none;
}

.bbchat-userpill__avatar {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--bbchat-blue), var(--bbchat-pink));
	font-weight: 900;
}

.bbchat-userpill__avatar img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-topbar,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer {
	background: rgba(255, 255, 255, 0.92);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-userpill,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pill--muted,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-theme-toggle {
	background: rgba(20, 36, 67, 0.08);
	box-shadow: inset 0 0 0 1px rgba(20, 36, 67, 0.05);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-botcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-dmcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reportcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-empty,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-onboarding,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pinned,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-livepoll,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-contextcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-summary,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-actions,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-polls,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-bots,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-rooms {
	background: rgba(255, 255, 255, 0.88);
	border-color: rgba(20, 36, 67, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer textarea,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-actions textarea,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-actions select,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-room-create input,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-room input,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-room textarea {
	background: rgba(247, 250, 255, 0.98);
	color: var(--bbchat-text);
	border-color: rgba(20, 36, 67, 0.1);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-brand__mark {
	box-shadow: inset 0 0 0 5px rgba(236, 242, 255, 0.92), 0 10px 20px rgba(24, 43, 76, 0.14);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-topbar__links a,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-brand__copy span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-userpill__text span {
	color: rgba(20, 36, 67, 0.68);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-topbar__links a:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-topbar__links a:focus-visible {
	color: var(--bbchat-blue);
	outline: none;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-theme-toggle:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-theme-toggle:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-userpill--button:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-userpill--button:focus-visible {
	background: rgba(20, 36, 67, 0.12);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-card,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-panel {
	box-shadow: 0 18px 38px rgba(24, 43, 76, 0.1);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard.is-active,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem.is-actionable:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem.is-actionable:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-dmcard.is-active {
	background: rgba(235, 241, 255, 0.98);
	border-color: rgba(42, 96, 238, 0.16);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem__cta {
	color: #c52e82;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-empty,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-onboarding,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pinned,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-livepoll,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-contextcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-summary,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-actions,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-polls,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-bots,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-rooms,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-toprooms,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-grid div {
	background: rgba(249, 251, 255, 0.98);
	border-color: rgba(20, 36, 67, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message.is-official {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.12), rgba(255, 90, 170, 0.1));
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message.is-focused {
	box-shadow: 0 0 0 1px rgba(255, 200, 90, 0.26), 0 16px 28px rgba(24, 43, 76, 0.12);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-tag {
	background: rgba(20, 36, 67, 0.08);
	color: rgba(20, 36, 67, 0.82);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-tag--official {
	background: rgba(255, 200, 90, 0.22);
	color: #8c5f00;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__body a {
	color: #2452d6;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__body.is-pressing {
	background: rgba(20, 36, 67, 0.032);
	box-shadow: inset 0 0 0 1px rgba(20, 36, 67, 0.05);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__entry.is-actionsheet-open {
	background: transparent;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__entry.is-actionsheet-open .bbchat-message__body {
	background: rgba(20, 36, 67, 0.04);
	box-shadow: inset 0 0 0 1px rgba(20, 36, 67, 0.06);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__entry.is-actionsheet-open .bbchat-message__bodytime {
	color: rgba(20, 36, 67, 0.6);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__body mark {
	background: rgba(255, 200, 90, 0.28);
	color: #6d4d00;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profiletrigger.is-clickable:hover .bbchat-message__authorcopy strong,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profiletrigger.is-clickable:focus-visible .bbchat-message__authorcopy strong {
	color: #2452d6;
	text-decoration-color: rgba(36, 82, 214, 0.36);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__avatar.is-official,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-presence__item.is-official {
	background: linear-gradient(135deg, rgba(255, 200, 90, 0.22), rgba(42, 96, 238, 0.16));
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__reply,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-presence__item,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-replybar,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-polloption,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-botcard__tag {
	background: rgba(20, 36, 67, 0.05);
	border-color: rgba(20, 36, 67, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__reply:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message__reply:focus-visible {
	background: rgba(20, 36, 67, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--menu,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--item,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__reaction,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__close {
	background: rgba(20, 36, 67, 0.06);
	color: rgba(20, 36, 67, 0.78);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction.is-active {
	color: #173a9d;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.16), rgba(255, 90, 170, 0.14));
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction__glyph {
	background: linear-gradient(180deg, #ffffff, #edf3ff);
	box-shadow:
		inset 0 0 0 1px rgba(20, 36, 67, 0.08),
		0 4px 10px rgba(24, 43, 76, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction__add {
	background: linear-gradient(135deg, #fff8dd, #ffe5a1);
	color: #8c5b00;
	box-shadow:
		0 0 0 1px rgba(140, 91, 0, 0.1),
		0 4px 10px rgba(140, 91, 0, 0.16);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction--picker {
	color: #173a9d;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction--picker:hover .bbchat-reaction__glyph,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction--picker:focus-visible .bbchat-reaction__glyph,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionpicker[open] .bbchat-reaction__glyph {
	background: linear-gradient(180deg, #ffffff, #e8f0ff);
	box-shadow:
		inset 0 0 0 1px rgba(42, 96, 238, 0.14),
		0 8px 16px rgba(24, 43, 76, 0.12);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction__icon {
	color: #1a418f;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionpicker[open] .bbchat-reaction__icon {
	color: #8c5b00;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionmenu,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionmenu__sheet,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__dialog {
	background: rgba(255, 255, 255, 0.98);
	border-color: rgba(20, 36, 67, 0.1);
	box-shadow: 0 18px 34px rgba(24, 43, 76, 0.16);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionoption {
	background: linear-gradient(180deg, rgba(20, 36, 67, 0.04), rgba(20, 36, 67, 0.065));
	color: var(--bbchat-text);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionoption:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reactionoption:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__reaction:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__reaction:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--item:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--item:focus-visible {
	background: linear-gradient(180deg, rgba(42, 96, 238, 0.1), rgba(255, 90, 170, 0.08));
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action__icon {
	background: rgba(20, 36, 67, 0.08);
	color: #173a9d;
}

html[data-bbchat-theme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action__icon,
html[data-color-scheme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action__icon {
	background: rgba(40, 174, 187, 0.12);
	color: #0f3f4a;
	text-shadow: none;
}

html[data-bbchat-theme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action--item:hover .bbchat-action__icon,
html[data-bbchat-theme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action--item:focus-visible .bbchat-action__icon,
html[data-color-scheme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action--item:hover .bbchat-action__icon,
html[data-color-scheme="light"] .bbchat-xf :is(.bbchat-actionmenu__sheet, .bbchat-actionsheet__actions) .bbchat-action--item:focus-visible .bbchat-action__icon {
	background: rgba(40, 174, 187, 0.18);
	color: #08323b;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__backdrop {
	background: rgba(240, 244, 255, 0.24);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__backdrop {
	background: rgba(232, 239, 255, 0.58);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__dialog {
	background: rgba(255, 255, 255, 0.98);
	border-color: rgba(20, 36, 67, 0.1);
	box-shadow: 0 24px 48px rgba(24, 43, 76, 0.16);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__close {
	background: rgba(20, 36, 67, 0.08);
	color: #173a9d;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__close:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__close:focus-visible {
	background: rgba(20, 36, 67, 0.14);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer textarea::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profileform input::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profileform textarea::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-actions textarea::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-room-create input::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-room textarea::placeholder {
	color: rgba(20, 36, 67, 0.48);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav button {
	color: rgba(20, 36, 67, 0.62);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav button.is-active {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.14), rgba(255, 90, 170, 0.12));
	color: #173a9d;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-hotstrip button,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-chip,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-modebadge,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomjump,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-stat,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard__stats button {
	background: rgba(20, 36, 67, 0.06);
	color: var(--bbchat-text);
	border-color: rgba(20, 36, 67, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomjump:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomjump:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-hotstrip button:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-hotstrip button:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-chip:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-chip:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard__stats button:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard__stats button:focus-visible {
	background: rgba(20, 36, 67, 0.1);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-modebadge[data-mode="dm"] {
	background: rgba(255, 200, 90, 0.22);
	color: #8c5f00;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-app[data-chat-context="dm"] .bbchat-pinned {
	background: linear-gradient(135deg, rgba(255, 200, 90, 0.18), rgba(42, 96, 238, 0.08));
	border-color: rgba(255, 200, 90, 0.26);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-app[data-chat-context="dm"] .bbchat-composer__hint {
	color: #8c5f00;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-polloption {
	color: var(--bbchat-text);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-polloption__meta,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-contextcard__head span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pollcard__head span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pollcard__footer span {
	color: rgba(20, 36, 67, 0.62);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-polloption__bar {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.12), rgba(255, 90, 170, 0.1));
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-kicker {
	color: #b87400;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-unread-dot {
	box-shadow: 0 0 0 4px rgba(255, 90, 170, 0.08);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-send {
	box-shadow: 0 10px 20px rgba(42, 96, 238, 0.16);
}

.bbchat-app {
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr) 320px;
	gap: 16px;
	align-items: stretch;
	min-height: 0;
}

.bbchat-panel,
.bbchat-card {
	background: var(--bbchat-card);
	border: 1px solid var(--bbchat-line);
	border-radius: 28px;
	box-shadow: var(--bbchat-shadow);
	backdrop-filter: blur(14px);
}

.bbchat-panel {
	padding: 16px;
	min-height: 0;
}

.bbchat-panel--chat {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.bbchat-replybar[hidden],
.bbchat-newindicator[hidden],
.bbchat-livepoll:empty,
.bbchat-room-context:empty,
.bbchat-pinned:empty {
	display: none !important;
}

.bbchat-panel--rooms,
.bbchat-panel--side {
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.bbchat-panel--side {
	display: grid;
	align-content: start;
	gap: 12px;
}

.bbchat-panel__head,
.bbchat-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.bbchat-kicker {
	margin: 0 0 4px;
	font-size: 0.76rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 200, 90, 0.86);
	font-weight: 800;
}

.bbchat-panel__head h2,
.bbchat-card__head h3,
.bbchat-roomhead h2 {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: 1.06rem;
}

.bbchat-hotstrip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.bbchat-hotstrip button {
	border: 0;
	border-radius: 999px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text);
	font-weight: 700;
	cursor: pointer;
}

.bbchat-chip {
	border: 0;
	border-radius: 999px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bbchat-text);
	cursor: pointer;
}

.bbchat-hotstrip button.is-hot {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.28), rgba(255, 90, 170, 0.24));
}

.bbchat-roomlist,
.bbchat-feedlist,
.bbchat-botlist,
.bbchat-dmlist,
.bbchat-admin-reports {
	display: grid;
	align-content: start;
	gap: 10px;
	width: 100%;
	min-width: 0;
}

.bbchat-dmlist {
	grid-auto-rows: max-content;
	align-items: start;
}

.bbchat-roomcard,
.bbchat-feeditem,
.bbchat-botcard,
.bbchat-dmcard,
.bbchat-reportcard {
	padding: 12px 14px;
	border-radius: 20px;
	background: var(--bbchat-card-soft);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.bbchat-reportcard {
	display: grid;
	gap: 7px;
	padding: 10px 12px;
}

.bbchat-reportcard__summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.bbchat-reportcard__summaryText {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.bbchat-reportcard__summaryText strong,
.bbchat-reportcard__summaryText small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-reportcard__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 9px;
	border-radius: 999px;
	background: rgba(255, 200, 90, 0.13);
	color: var(--bbchat-gold);
	font-size: 0.72rem;
	font-weight: 800;
}

.bbchat-reportcard__excerpt {
	margin: 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-reportcard__excerpt strong {
	font-size: 0.8rem;
}

.bbchat-reportcard__excerpt span {
	color: inherit;
}

.bbchat-reportcard__people {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.bbchat-reportcard__people > div,
.bbchat-reportcard__reason,
.bbchat-reportcard__message {
	min-width: 0;
	display: grid;
	gap: 4px;
	padding: 9px 10px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
}

.bbchat-reportcard__people > div > span,
.bbchat-reportcard__reason > span,
.bbchat-reportcard__message > span {
	color: var(--bbchat-text-soft);
	font-size: 0.74rem;
	font-weight: 800;
}

.bbchat-reportcard__user {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.bbchat-reportcard__user strong,
.bbchat-reportcard__user small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-reportcard__reason p,
.bbchat-reportcard__message p {
	margin: 0;
	overflow-wrap: anywhere;
}

.bbchat-reportcard__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.bbchat-reportcard__actions .bbchat-action {
	min-height: 28px;
	padding-inline: 10px;
}

.bbchat-reportcard__manage {
	position: relative;
}

.bbchat-reportcard__manage summary {
	list-style: none;
	user-select: none;
}

.bbchat-reportcard__manage summary::-webkit-details-marker,
.bbchat-reportcard__details summary::-webkit-details-marker {
	display: none;
}

.bbchat-reportcard__manageActions {
	position: absolute;
	z-index: 4;
	top: calc(100% + 6px);
	inset-inline-start: 0;
	display: grid;
	gap: 6px;
	min-width: 156px;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	background: var(--bbchat-card-soft);
	box-shadow: var(--bbchat-shadow);
}

.bbchat-reportcard__details {
	min-width: 0;
}

.bbchat-reportcard__details summary {
	width: max-content;
	cursor: pointer;
	color: var(--bbchat-text-soft);
	font-size: 0.78rem;
	font-weight: 800;
}

.bbchat-reportcard__details[open] summary {
	margin-bottom: 7px;
	color: var(--bbchat-text);
}

.bbchat-reportcard__detailsGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
}

.bbchat-reportcard__detailsGrid > div {
	min-width: 0;
	display: grid;
	gap: 4px;
	padding: 8px 9px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
}

.bbchat-reportcard__detailsGrid > div > span {
	color: var(--bbchat-text-soft);
	font-size: 0.74rem;
	font-weight: 800;
}

.bbchat-reportcard__detailsGrid p {
	margin: 0;
	overflow-wrap: anywhere;
}

.bbchat-reportcard__detailsWide {
	grid-column: 1 / -1;
}

.bbchat-feeditem.is-actionable {
	cursor: pointer;
	transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.bbchat-feeditem.is-actionable:hover,
.bbchat-feeditem.is-actionable:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(23, 42, 80, 0.92);
	outline: none;
}

.bbchat-roomcard {
	cursor: pointer;
	transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	justify-self: stretch;
	text-align: right;
}

.bbchat-roomcard:hover,
.bbchat-roomcard.is-active {
	transform: translateY(-1px);
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(23, 42, 80, 0.92);
}

.bbchat-roomcard__top,
.bbchat-feeditem__top,
.bbchat-message__meta,
.bbchat-reportcard__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
}

.bbchat-roomcard__flags,
.bbchat-dmcard__flags {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.bbchat-dmcard {
	cursor: pointer;
	transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
	text-align: right;
}

.bbchat-unread-dot {
	width: 9px;
	height: 9px;
	border-radius: 999px;
	display: inline-block;
	background: linear-gradient(135deg, var(--bbchat-amber), var(--bbchat-pink));
	box-shadow: 0 0 0 4px rgba(255, 90, 170, 0.12);
}

.bbchat-roomcard__title,
.bbchat-dmcard__title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 800;
	min-width: 0;
	flex: 1 1 auto;
}

.bbchat-roomcard__emoji {
	color: var(--bbchat-amber);
}

.bbchat-dmcard__head {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.bbchat-dmcard__avatar {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	overflow: hidden;
	flex: 0 0 42px;
}

.bbchat-dmcard__avatar img,
.bbchat-dmcard__avatar .bbchat-message__avatar {
	width: 42px;
	height: 42px;
	border-radius: 14px;
}

.bbchat-dmcard__copy {
	min-width: 0;
	display: grid;
	gap: 4px;
}

.bbchat-dmcard__meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 16px;
}

.bbchat-dmcard__meta small {
	font-size: 0.72rem;
	color: var(--bbchat-text-soft);
}

.bbchat-dmcard__excerpt {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bbchat-roomcard__desc {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
	text-align: right;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.bbchat-roomcard__desc,
.bbchat-feeditem p,
.bbchat-botcard p,
.bbchat-dmcard p,
.bbchat-reportcard p,
.bbchat-roomdesc,
.bbchat-composer__hint,
.bbchat-message__body,
.bbchat-onboarding,
.bbchat-empty {
	color: var(--bbchat-text-soft);
	line-height: 1.5;
}

.bbchat-feeditem__cta {
	display: inline-flex;
	margin-top: 10px;
	font-size: 0.78rem;
	font-weight: 800;
	color: var(--bbchat-pink-soft);
}

.bbchat-roomcard__metrics {
	display: flex;
	gap: 14px;
	margin-top: 10px;
	font-size: 0.82rem;
	color: var(--bbchat-text-soft);
	flex-wrap: wrap;
	min-width: 0;
}

.bbchat-roomhead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 18px 14px;
	border-bottom: 1px solid var(--bbchat-line);
}

.bbchat-roomhead__main {
	min-width: 0;
	flex: 1 1 auto;
}

.bbchat-roomhead__titleline {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
	min-width: 0;
}

.bbchat-roomhead__identity {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	min-width: 0;
}

.bbchat-roomhead__identity h2 {
	flex: 0 1 38%;
	min-width: 0;
	max-width: 42%;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(255, 200, 90, 0.18);
	color: #8c5f00;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-page-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--bbchat-text);
	font-family: "Rubik", sans-serif;
	font-size: 1.06rem;
	font-weight: 800;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html[data-bbchat-theme="dark"] .bbchat-page-title,
html[data-color-scheme="dark"] .bbchat-page-title {
	color: var(--bbchat-text);
}

html[data-bbchat-theme="dark"] .bbchat-roomhead__identity h2,
html[data-color-scheme="dark"] .bbchat-roomhead__identity h2 {
	background: rgba(255, 200, 90, 0.16);
	color: #ffe4a0;
}

.bbchat-modebadge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	white-space: nowrap;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.92);
}

.bbchat-modebadge[data-mode="dm"] {
	background: rgba(255, 200, 90, 0.16);
	color: #ffe4a0;
}

.bbchat-roomjump {
	flex: 0 0 auto;
	margin-inline-start: auto;
	border: 0;
	border-radius: 999px;
	padding: 4px 10px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
}

.bbchat-roomjump:hover,
.bbchat-roomjump:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}

.bbchat-app[data-chat-context="dm"] .bbchat-pinned {
	background: linear-gradient(135deg, rgba(255, 200, 90, 0.16), rgba(42, 96, 238, 0.12));
	border-color: rgba(255, 200, 90, 0.18);
}

.bbchat-app[data-chat-context="dm"] .bbchat-composer__hint {
	color: #ffe4a0;
}

.bbchat-roomstats {
	display: flex;
	gap: 10px;
}

.bbchat-stat {
	min-width: 98px;
	padding: 10px 12px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.05);
	text-align: center;
}

.bbchat-stat strong {
	display: block;
	font-size: 1.15rem;
	font-family: "Rubik", sans-serif;
}

.bbchat-stat span {
	color: var(--bbchat-text-soft);
	font-size: 0.78rem;
}

.bbchat-pinned {
	margin: 14px 18px 0;
	padding: 12px 14px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.22), rgba(255, 90, 170, 0.16));
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.bbchat-stream {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	padding: 14px 18px 18px;
	display: grid;
	align-content: start;
	grid-auto-rows: max-content;
	gap: 10px;
}

.bbchat-newindicator {
	margin: 0 18px 12px;
	border: 0;
	border-radius: 999px;
	padding: 10px 14px;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.88), rgba(255, 90, 170, 0.8));
	color: #fff;
	font-weight: 800;
	box-shadow: 0 18px 36px rgba(8, 16, 32, 0.26);
	cursor: pointer;
}

.bbchat-message,
.bbchat-empty {
	padding: 7px 9px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.05);
	min-width: 0;
	max-width: 100%;
}

.bbchat-message.is-official {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.12), rgba(255, 90, 170, 0.08));
}

.bbchat-message.is-focused {
	border-color: rgba(255, 200, 90, 0.42);
	box-shadow: 0 0 0 1px rgba(255, 200, 90, 0.16), 0 18px 34px rgba(8, 16, 32, 0.2);
}

.bbchat-message.is-removing {
	pointer-events: none;
	will-change: height, margin, opacity, transform;
	transition:
		height 0.22s ease,
		margin 0.22s ease,
		opacity 0.18s ease,
		transform 0.22s ease,
		padding 0.22s ease,
		border-color 0.18s ease;
}

.bbchat-message__meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 6px;
}

.bbchat-message__meta strong {
	font-size: 0.86rem;
	line-height: 1.2;
}

.bbchat-message__meta small {
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
	line-height: 1.2;
}

.bbchat-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 800;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.9);
	white-space: nowrap;
	flex: 0 0 auto;
}

.bbchat-tag--official {
	background: rgba(255, 200, 90, 0.18);
	color: #ffe8a9;
}

.bbchat-message__body {
	margin-top: 2px;
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 2px 6px;
	margin-inline: -6px;
	white-space: pre-wrap;
	line-height: var(--bbchat-message-line-height);
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
	border-radius: 8px;
	transition:
		background 0.14s ease,
		box-shadow 0.14s ease,
		transform 0.14s ease;
}

.bbchat-message__body.is-pressing {
	background: rgba(255, 255, 255, 0.03);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
	transform: translateY(-0.5px);
	user-select: none;
	-webkit-user-select: none;
}

.bbchat-message__entry {
	border-radius: 10px;
	transition: background-color 0.14s ease;
	-webkit-touch-callout: none;
}

.bbchat-message__entry.is-actionsheet-open {
	background: transparent;
}

.bbchat-message__entry.is-actionsheet-open .bbchat-message__body {
	background: rgba(255, 255, 255, 0.038);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055);
}

.bbchat-message__entry.is-actionsheet-open .bbchat-message__bodytime {
	color: rgba(244, 247, 255, 0.62);
}

.bbchat-message__entry,
.bbchat-message__entry * {
	user-select: none;
	-webkit-user-select: none;
}

.bbchat-message__bodytime {
	color: var(--bbchat-text-soft);
	font-size: 0.68rem;
	line-height: 1.2;
	white-space: nowrap;
	flex: 0 0 auto;
}

.bbchat-message__bodycontent {
	display: block;
	min-width: 0;
	font-family: var(--bbchat-message-font-family);
	font-size: var(--bbchat-message-font-size);
	line-height: var(--bbchat-message-line-height);
	font-weight: 400;
	letter-spacing: normal;
	border-radius: 10px;
	transition:
		background 0.14s ease,
		box-shadow 0.14s ease,
		transform 0.14s ease;
}

.bbchat-message__body a {
	color: #9bbcff;
	text-decoration: underline;
}

.bbchat-message__body mark {
	background: rgba(255, 200, 90, 0.18);
	color: #fff2c9;
	padding: 0 4px;
	border-radius: 6px;
}

.bbchat-message__author {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	max-width: 100%;
}

.bbchat-profiletrigger {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: inherit;
	min-width: 0;
	max-width: 100%;
}

.bbchat-profiletrigger.is-clickable {
	cursor: pointer;
}

.bbchat-profiletrigger.is-clickable:hover .bbchat-message__authorcopy strong,
.bbchat-profiletrigger.is-clickable:focus-visible .bbchat-message__authorcopy strong {
	color: #fff7cf;
	text-decoration: underline;
	text-decoration-color: rgba(255, 200, 90, 0.5);
	text-underline-offset: 2px;
}

.bbchat-profiletrigger.is-clickable:focus-visible {
	outline: none;
}

.bbchat-message__avatarwrap {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
}

.bbchat-message__avatar,
.bbchat-message__avatarwrap img {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	object-fit: cover;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.3), rgba(255, 90, 170, 0.24));
	font-family: "Rubik", sans-serif;
	font-weight: 900;
}

.bbchat-message__authorcopy {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 3px 5px;
	min-width: 0;
	max-width: 100%;
}

.bbchat-message__stack {
	display: grid;
	gap: 0;
}

.bbchat-message__entry.is-continuation {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.bbchat-message__entry.is-continuation .bbchat-message__body {
	margin-top: 0;
}

.bbchat-message__entry.is-continuation .bbchat-message__footer {
	margin-top: 1px;
}

.bbchat-message__avatar.is-official {
	background: linear-gradient(135deg, rgba(255, 200, 90, 0.3), rgba(42, 96, 238, 0.28));
}

.bbchat-message__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 5px;
	margin-top: 2px;
	min-width: 0;
	max-width: 100%;
}

.bbchat-message__submeta {
	flex: 0 0 auto;
	color: var(--bbchat-text-soft);
	font-size: 0.7rem;
	line-height: 1.25;
	white-space: nowrap;
}

.bbchat-message__reactions {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	gap: 5px;
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.bbchat-message__reactionlist {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex: 1 1 auto;
	gap: 5px;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-width: none;
	padding-bottom: 0;
}

.bbchat-message__reactionlist::-webkit-scrollbar {
	display: none;
}

.bbchat-message__reply {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-top: 4px;
	padding: 5px 7px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	border-inline-start: 3px solid rgba(255, 90, 170, 0.6);
	width: 100%;
	border-inline-end: 0;
	border-block: 0;
	text-align: right;
	cursor: pointer;
}

.bbchat-message__reply strong {
	font-size: 0.76rem;
	white-space: nowrap;
}

.bbchat-message__reply span {
	font-size: 0.75rem;
	color: var(--bbchat-text-soft);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bbchat-message__reply:hover,
.bbchat-message__reply:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	outline: none;
}

.bbchat-reaction {
	border: 0;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 7px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text-soft);
	cursor: pointer;
	font-size: 0.84rem;
}

.bbchat-reaction.is-active {
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.24), rgba(255, 90, 170, 0.22));
	color: #fff;
}

.bbchat-message__actions {
	display: flex;
	justify-content: flex-end;
}

.bbchat-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 9px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text-soft);
	font-size: 0.74rem;
}

.bbchat-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.bbchat-reaction small,
.bbchat-reactionoption small {
	font-size: 0.72rem;
}

.bbchat-reaction--picker {
	min-width: 28px;
	padding: 0 2px;
	gap: 0;
	justify-content: center;
	color: #fff;
	background: transparent;
	border: 0;
	box-shadow: none;
	font-weight: 800;
	transition: transform 0.16s ease, color 0.16s ease;
}

.bbchat-reaction__glyph {
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
	transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.bbchat-reaction__icon {
	line-height: 1;
	font-size: 0.96rem;
	font-weight: 700;
	transform: translateY(-0.5px);
}

.bbchat-reaction__add {
	position: absolute;
	inset-inline-end: -4px;
	bottom: -3px;
	width: 15px;
	height: 15px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 200, 90, 0.18);
	color: var(--bbchat-amber);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1;
}

.bbchat-reactionpicker[open] .bbchat-reaction--picker {
	color: var(--bbchat-amber);
}

.bbchat-reactionpicker[open] .bbchat-reaction__glyph,
.bbchat-reaction--picker:hover .bbchat-reaction__glyph,
.bbchat-reaction--picker:focus-visible .bbchat-reaction__glyph {
	transform: translateY(-1px);
}

.bbchat-reactionpicker {
	position: relative;
	flex: 0 0 auto;
}

.bbchat-reactionpicker summary {
	list-style: none;
}

.bbchat-reactionpicker summary::-webkit-details-marker {
	display: none;
}

.bbchat-reactionmenu {
	position: absolute;
	inset-inline-start: 0;
	inset-inline-end: auto;
	bottom: calc(100% + 8px);
	display: grid;
	grid-template-columns: repeat(4, 52px);
	gap: 6px;
	width: max-content;
	max-width: calc(100vw - 32px);
	padding: 8px;
	border-radius: 16px;
	background: rgba(8, 16, 32, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 18px 34px rgba(8, 16, 32, 0.34);
	z-index: 10;
}

.bbchat-reactionpicker.is-open-down .bbchat-reactionmenu {
	top: calc(100% + 8px);
	bottom: auto;
}

.bbchat-reactionoption {
	border: 0;
	border-radius: 12px;
	padding: 8px 6px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text);
	display: grid;
	justify-items: center;
	gap: 2px;
	cursor: pointer;
	width: 52px;
	min-width: 0;
}

.bbchat-actionmenu {
	position: relative;
	flex: 0 0 auto;
}

.bbchat-actionmenu summary {
	list-style: none;
}

.bbchat-actionmenu summary::-webkit-details-marker {
	display: none;
}

.bbchat-actionmenu__sheet {
	position: absolute;
	inset-inline-start: 0;
	inset-inline-end: auto;
	bottom: calc(100% + 8px);
	display: grid;
	gap: 6px;
	min-width: 220px;
	padding: 8px;
	border-radius: 14px;
	background: rgba(8, 16, 32, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 18px 34px rgba(8, 16, 32, 0.34);
	z-index: 10;
}

.bbchat-actionmenu.is-open-down .bbchat-actionmenu__sheet {
	top: calc(100% + 8px);
	bottom: auto;
}

.bbchat-actionmenu__sheet .bbchat-action {
	width: 100%;
	justify-content: flex-start;
}

.bbchat-action--menu {
	width: 30px;
	height: 30px;
	padding: 0;
	background: rgba(255, 255, 255, 0.04);
}

.bbchat-action__menuicon {
	font-size: 1.15rem;
	line-height: 1;
	transform: translateY(-1px);
}

.bbchat-action--item {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 10px;
	padding: 9px 10px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	text-align: right;
}

.bbchat-action--item:hover,
.bbchat-action--item:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	outline: none;
}

.bbchat-actionsheet[hidden] {
	display: none !important;
}

.bbchat-actionsheet {
	position: fixed;
	inset: 0;
	z-index: 120;
	pointer-events: none;
}

.bbchat-actionsheet__backdrop {
	position: fixed;
	inset: 0;
	border: 0;
	background: transparent;
	pointer-events: auto;
}

.bbchat-actionsheet__dialog {
	position: fixed;
	top: -999px;
	left: -999px;
	z-index: 1;
	width: 164px;
	min-width: 164px;
	max-width: calc(100vw - 48px);
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(15, 24, 48, 0.98), rgba(8, 16, 32, 0.99));
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
	display: grid;
	gap: 1px;
	pointer-events: auto;
	direction: rtl;
	text-align: right;
}

.bbchat-actionsheet__head {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.bbchat-actionsheet__close,
.bbchat-actionsheet__cancel {
	border: 0;
	cursor: pointer;
}

.bbchat-actionsheet__close {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--bbchat-text);
	font-size: 1.15rem;
	line-height: 1;
	flex: 0 0 auto;
}

.bbchat-actionsheet__close:hover,
.bbchat-actionsheet__close:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}

.bbchat-actionsheet__body {
	display: none;
}

.bbchat-actionsheet__actions {
	display: grid;
	gap: 1px;
}

.bbchat-actionsheet__reactions {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4px;
	padding: 4px 4px 2px;
}

.bbchat-actionsheet__reaction {
	border: 0;
	border-radius: 10px;
	padding: 7px 0;
	background: rgba(255, 255, 255, 0.05);
	color: var(--bbchat-text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
}

.bbchat-actionsheet__reaction:hover,
.bbchat-actionsheet__reaction:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
	transform: translateY(-1px);
}

.bbchat-actionsheet__actions .bbchat-action--item {
	width: 100%;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 6px;
	padding: 6px 7px 6px 6px;
	border-radius: 8px;
	justify-items: stretch;
	align-items: center;
	text-align: right;
	background: rgba(255, 255, 255, 0.05);
}

.bbchat-actionsheet__actions .bbchat-action__icon {
	width: 18px;
	height: 18px;
	border-radius: 0;
	background: transparent;
	font-size: 0.78rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: center;
}

.bbchat-actionsheet__actions .bbchat-action__copy {
	min-width: 0;
}

.bbchat-actionsheet__actions .bbchat-action__copy strong {
	font-size: 0.68rem;
	line-height: 1.15;
	display: block;
	text-align: right;
}

.bbchat-actionsheet__actions .bbchat-action__copy small {
	display: none;
}

.bbchat-actionsheet__cancel {
	display: none;
}

body.bbchat-actionsheet-open {
	overflow: visible;
}

.bbchat-confirm[hidden] {
	display: none !important;
}

.bbchat-confirm {
	position: fixed;
	inset: 0;
	z-index: 140;
}

.bbchat-confirm__backdrop {
	position: fixed;
	inset: 0;
	border: 0;
	background: rgba(8, 16, 32, 0.62);
}

.bbchat-confirm__dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(328px, calc(100vw - 32px));
	padding: 15px 15px 14px;
	border-radius: 18px;
	background: rgba(12, 20, 40, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 28px 56px rgba(0, 0, 0, 0.34);
	display: grid;
	gap: 8px;
	text-align: right;
	direction: rtl;
}

.bbchat-confirm__close {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text);
	font-size: 1.08rem;
	line-height: 1;
	cursor: pointer;
}

.bbchat-confirm__close:hover,
.bbchat-confirm__close:focus-visible {
	background: rgba(255, 255, 255, 0.14);
	outline: none;
}

.bbchat-confirm__dialog h2 {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.25;
}

.bbchat-confirm__body {
	margin: 0;
	color: var(--bbchat-text-soft);
	font-size: 0.83rem;
	line-height: 1.42;
}

.bbchat-confirm__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.bbchat-confirm__actions .bbchat-pill {
	flex: 1 1 120px;
	min-height: 34px;
	padding-inline: 12px;
	font-size: 0.86rem;
}

body.bbchat-confirm-open {
	overflow: hidden;
}

.bbchat-authgate[hidden] {
	display: none !important;
}

.bbchat-authgate {
	position: fixed;
	inset: 0;
	z-index: 130;
	display: grid;
	place-items: center;
	padding: 20px;
}

.bbchat-authgate__backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(3, 10, 24, 0.58);
	backdrop-filter: blur(10px);
}

.bbchat-authgate__dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 440px);
	padding: 18px 18px 16px;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(15, 24, 48, 0.98), rgba(8, 16, 32, 0.99));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
}

.bbchat-authgate__close {
	position: absolute;
	top: 12px;
	inset-inline-start: 12px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bbchat-text);
	font-size: 1.15rem;
	cursor: pointer;
}

.bbchat-authgate__close:hover,
.bbchat-authgate__close:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}

.bbchat-authgate__dialog h2 {
	margin: 0 0 10px;
	font-family: "Rubik", sans-serif;
	font-size: 1.2rem;
	line-height: 1.2;
}

.bbchat-authgate__body,
.bbchat-authgate__foot,
.bbchat-authgate__list {
	color: var(--bbchat-text-soft);
}

.bbchat-authgate__body,
.bbchat-authgate__foot {
	margin: 0;
	line-height: 1.5;
}

.bbchat-authgate__list {
	margin: 12px 0 14px;
	padding: 0 18px 0 0;
	display: grid;
	gap: 6px;
}

.bbchat-authgate__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
}

body.bbchat-authgate-open {
	overflow: hidden;
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__backdrop {
	background: rgba(232, 239, 255, 0.58);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__dialog {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.98));
	border-color: rgba(20, 36, 67, 0.1);
	box-shadow: 0 24px 48px rgba(24, 43, 76, 0.16);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__close {
	background: rgba(20, 36, 67, 0.06);
	color: var(--bbchat-text);
}

html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__close:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__close:focus-visible {
	background: rgba(20, 36, 67, 0.12);
}

.bbchat-action__icon {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 1rem;
	font-weight: 900;
}

.bbchat-action__copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.bbchat-action__copy strong {
	font-size: 0.82rem;
	color: var(--bbchat-text);
	line-height: 1.15;
}

.bbchat-action__copy small {
	font-size: 0.72rem;
	color: var(--bbchat-text-soft);
	line-height: 1.25;
}

.bbchat-dmcard.is-active {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(23, 42, 80, 0.92);
}

.bbchat-composer {
	position: relative;
	background: rgba(8, 16, 32, 0.96);
	border-top: 1px solid var(--bbchat-line);
	padding: 10px 14px 12px;
	z-index: 1;
}

.bbchat-composer__hint {
	min-height: 0;
	font-size: 0.78rem;
	line-height: 1.35;
	margin-bottom: 6px;
}

.bbchat-replybar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	margin-bottom: 10px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.bbchat-replybar__copy {
	display: grid;
	gap: 2px;
}

.bbchat-replybar__copy strong {
	font-size: 0.82rem;
}

.bbchat-replybar__copy span {
	font-size: 0.78rem;
	color: var(--bbchat-text-soft);
}

.bbchat-composer__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: end;
}

.bbchat-composer textarea {
	width: 100%;
	resize: none;
	min-height: 48px;
	max-height: 120px;
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff;
	outline: none;
}

.bbchat-send {
	min-width: 92px;
	min-height: 48px;
	padding: 0 14px;
	background: linear-gradient(135deg, var(--bbchat-blue), var(--bbchat-pink));
	color: #fff;
	font-weight: 900;
}

.bbchat-botcard strong,
.bbchat-dmcard__title strong,
.bbchat-feeditem strong,
.bbchat-reportcard strong {
	display: block;
	margin-bottom: 4px;
}

.bbchat-botcard__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.bbchat-botcard__avatar {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(255, 200, 90, 0.24), rgba(42, 96, 238, 0.24));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
	font-family: "Rubik", sans-serif;
	font-weight: 900;
}

.bbchat-botcard__avatar img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: inherit;
}

.bbchat-botcard__head .bbchat-botcard__tag {
	margin-bottom: 4px;
}

.bbchat-room-context,
.bbchat-livepoll {
	padding: 0 18px 12px;
}

.bbchat-contextcard,
.bbchat-pollcard {
	padding: 14px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.bbchat-contextcard__head,
.bbchat-pollcard__head,
.bbchat-pollcard__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.bbchat-contextcard__head span,
.bbchat-pollcard__head span,
.bbchat-pollcard__footer span {
	color: var(--bbchat-text-soft);
	font-size: 0.8rem;
}

.bbchat-contextcard p {
	margin: 8px 0 0;
	color: var(--bbchat-text-soft);
}

.bbchat-presence {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	max-height: 112px;
	overflow-y: auto;
	padding-inline-end: 4px;
}

.bbchat-presence__item {
	display: inline-grid;
	gap: 4px;
	padding: 8px 10px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	min-width: 92px;
}

.bbchat-presence__item.is-official {
	background: rgba(255, 200, 90, 0.08);
}

.bbchat-presence__avatar {
	width: 30px;
	height: 30px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.24), rgba(255, 90, 170, 0.2));
	font-family: "Rubik", sans-serif;
	font-weight: 800;
}

.bbchat-presence__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bbchat-presence__name {
	font-size: 0.82rem;
	font-weight: 700;
}

.bbchat-presence small {
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
}

.bbchat-pollcard__head strong {
	display: block;
	margin-top: 8px;
}

.bbchat-pollcard__options {
	display: grid;
	gap: 8px;
	margin-top: 12px;
}

.bbchat-polloption {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: #fff;
	text-align: right;
	cursor: pointer;
}

.bbchat-polloption[disabled] {
	cursor: default;
}

.bbchat-polloption.is-selected {
	border-color: rgba(255, 90, 170, 0.44);
}

.bbchat-polloption__label,
.bbchat-polloption__meta {
	position: relative;
	z-index: 1;
}

.bbchat-polloption__meta {
	color: var(--bbchat-text-soft);
	font-size: 0.78rem;
}

.bbchat-polloption__bar {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.22), rgba(255, 90, 170, 0.2));
	pointer-events: none;
}

.bbchat-botcard__tag {
	display: inline-flex;
	padding: 4px 8px;
	margin-bottom: 8px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bbchat-text-soft);
}

.bbchat-onboarding,
.bbchat-empty {
	padding: 14px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.05);
}

.bbchat-profilecard {
	display: grid;
	gap: 14px;
	padding: 14px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.05);
}

.bbchat-profilecard__hero {
	display: flex;
	align-items: center;
	gap: 12px;
}

.bbchat-profilecard__avatar {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	border-radius: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(42, 96, 238, 0.24), rgba(255, 90, 170, 0.2));
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
}

.bbchat-profilecard__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bbchat-profilecard__copy {
	display: grid;
	gap: 2px;
}

.bbchat-profilecard__copy strong,
.bbchat-profilecard__guest strong {
	font-size: 1rem;
}

.bbchat-profilecard__copy span,
.bbchat-profilecard__guest span,
.bbchat-profilecard__bio {
	color: var(--bbchat-text-soft);
	line-height: 1.5;
}

.bbchat-profilecard__bio {
	margin: 0;
}

.bbchat-profilecard__subhead {
	font-weight: 800;
	font-size: 0.84rem;
	color: var(--bbchat-text-soft);
}

.bbchat-profileform {
	display: grid;
	gap: 10px;
}

.bbchat-profileform label,
.bbchat-admin-room-create label,
.bbchat-admin-room label {
	display: grid;
	gap: 6px;
}

.bbchat-profileform span,
.bbchat-admin-room-create span,
.bbchat-admin-room span {
	font-size: 0.8rem;
	color: var(--bbchat-text-soft);
}

.bbchat-profileform input,
.bbchat-profileform textarea,
.bbchat-admin-actions textarea,
.bbchat-admin-actions select,
.bbchat-admin-room-create input,
.bbchat-admin-room input,
.bbchat-admin-room textarea {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	padding: 10px 12px;
	outline: none;
}

.bbchat-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9rem;
	color: var(--bbchat-text-soft);
}

.bbchat-toggle input {
	width: 18px;
	height: 18px;
}

.bbchat-blocklist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bbchat-inline-note {
	color: var(--bbchat-text-soft);
	font-size: 0.84rem;
}

.bbchat-admin-summary,
.bbchat-admin-actions,
.bbchat-admin-polls,
.bbchat-admin-bots,
.bbchat-admin-rooms,
.bbchat-admin-presence {
	margin-bottom: 12px;
}

html.bbchat-admin-panel-open,
html.bbchat-admin-panel-open body {
	overflow: hidden;
}

.bbchat-admin-drawer[hidden] {
	display: none !important;
}

.bbchat-admin-drawer {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(10px, 2vw, 22px);
	isolation: isolate;
}

.bbchat-admin-drawer__backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	border: 0;
	background: rgba(2, 8, 19, 0.72);
	backdrop-filter: blur(12px);
	cursor: pointer;
}

.bbchat-admin-panel {
	--bbchat-card: #07141a;
	--bbchat-card-soft: rgba(255, 255, 255, 0.055);
	--bbchat-line: rgba(40, 174, 187, 0.24);
	--bbchat-text: #edf8fa;
	--bbchat-text-soft: rgba(237, 248, 250, 0.72);
	--bbchat-blue: #28aebb;
	--bbchat-pink: #69d3d9;
	--bbchat-amber: #f0c35a;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(1180px, calc(100vw - 24px));
	height: min(820px, calc(100dvh - 24px));
	max-height: calc(100dvh - 24px);
	overflow: hidden;
	border: 1px solid rgba(40, 174, 187, 0.28);
	border-radius: 16px;
	background: #07141a;
	color: #edf8fa;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.52);
	outline: none;
}

.bbchat-admin-panel__head {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(40, 174, 187, 0.22);
	background:
		linear-gradient(135deg, rgba(40, 174, 187, 0.18), rgba(215, 149, 32, 0.11)),
		#0a1d25;
}

.bbchat-admin-panel__head h2 {
	margin: 2px 0 0;
	font-size: 1.28rem;
	line-height: 1.1;
}

.bbchat-admin-panel__head span,
.bbchat-admin-section__head span {
	color: var(--bbchat-text-soft);
	font-size: 0.82rem;
}

.bbchat-admin-panel__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.07);
	color: var(--bbchat-text);
	font-size: 1.45rem;
	line-height: 1;
	cursor: pointer;
}

.bbchat-admin-panel__close:hover,
.bbchat-admin-panel__close:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}

.bbchat-admin-panel__body {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	grid-template-columns: 184px minmax(0, 1fr);
	overflow: hidden;
}

.bbchat-admin-nav {
	min-width: 0;
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 12px;
	border-left: 1px solid rgba(40, 174, 187, 0.16);
	background: rgba(255, 255, 255, 0.025);
	overflow: auto;
	overscroll-behavior: contain;
}

.bbchat-admin-nav__button {
	width: 100%;
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 3px;
	padding: 10px 11px;
	border: 1px solid rgba(40, 174, 187, 0.16);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
	color: var(--bbchat-text);
	text-align: right;
	cursor: pointer;
}

.bbchat-admin-nav__button span {
	font-weight: 850;
	line-height: 1.15;
}

.bbchat-admin-nav__button small {
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
	line-height: 1.2;
}

.bbchat-admin-nav__button:hover,
.bbchat-admin-nav__button:focus-visible,
.bbchat-admin-nav__button.is-active {
	border-color: rgba(40, 174, 187, 0.34);
	background: rgba(40, 174, 187, 0.10);
	outline: none;
}

.bbchat-admin-nav__button.has-alert {
	border-color: rgba(255, 125, 140, 0.34);
}

.bbchat-admin-panel__content {
	min-height: 0;
	padding: 14px;
	overflow: auto;
	overscroll-behavior: contain;
}

.bbchat-admin-view {
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.bbchat-admin-view[hidden] {
	display: none !important;
}

.bbchat-admin-section {
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(40, 174, 187, 0.18);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.045);
}

.bbchat-admin-section--wide {
	grid-column: 1 / -1;
}

.bbchat-admin-section__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.bbchat-admin-section__head strong {
	font-size: 0.98rem;
}

.bbchat-admin-section__link {
	flex: 0 0 auto;
	align-self: center;
	padding: 6px 10px;
	border: 1px solid rgba(40, 174, 187, 0.24);
	border-radius: 999px;
	color: var(--bbchat-text);
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.bbchat-admin-section__link:hover,
.bbchat-admin-section__link:focus-visible {
	background: rgba(40, 174, 187, 0.12);
	border-color: rgba(40, 174, 187, 0.42);
	outline: none;
	text-decoration: none;
}

.bbchat-admin-toprooms {
	margin-top: 12px;
	padding: 12px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.bbchat-admin-toprooms strong {
	display: block;
	margin-bottom: 10px;
}

.bbchat-admin-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.bbchat-admin-grid div {
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.bbchat-admin-grid strong {
	display: block;
	font-family: "Rubik", sans-serif;
	font-size: 1rem;
	margin-bottom: 4px;
}

.bbchat-admin-grid span {
	font-size: 0.76rem;
	color: var(--bbchat-text-soft);
}

.bbchat-admin-quick {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.bbchat-admin-quick__item {
	min-width: 0;
	display: grid;
	gap: 3px;
	padding: 10px 12px;
	border: 1px solid rgba(40, 174, 187, 0.16);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	color: var(--bbchat-text);
	text-align: right;
	cursor: pointer;
}

.bbchat-admin-quick__item strong {
	font-size: 0.92rem;
}

.bbchat-admin-quick__item span {
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
}

.bbchat-admin-actions {
	display: grid;
	gap: 8px;
}

.bbchat-admin-actions__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.bbchat-admin-room-create,
.bbchat-admin-room {
	display: grid;
	gap: 10px;
	padding: 12px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin-bottom: 10px;
}

.bbchat-admin-room__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.bbchat-admin-room__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.bbchat-admin-room__toggles {
	display: grid;
	gap: 8px;
}

.bbchat-admin-roomlist {
	display: grid;
	gap: 6px;
}

.bbchat-admin-savebar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-height: 32px;
	margin-bottom: 2px;
}

.bbchat-admin-savebar span {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
}

.bbchat-admin-savebar .bbchat-action {
	flex: 0 0 auto;
	min-height: 30px;
	padding-inline: 12px;
	color: var(--bbchat-text);
}

.bbchat-admin-savebar .bbchat-action:disabled {
	opacity: 0.5;
	cursor: default;
}

.bbchat-admin-roomlist > .bbchat-admin-room-create {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	align-items: end;
}

.bbchat-admin-roomlist__head {
	display: grid;
	grid-template-columns: minmax(150px, 1.35fr) 44px 70px minmax(180px, 0.95fr) auto;
	align-items: center;
	gap: 8px;
}

.bbchat-admin-roomlist__head {
	padding: 0 10px 1px;
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
	font-weight: 800;
}

.bbchat-admin-roomrow {
	min-width: 0;
	padding: 6px 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
}

.bbchat-admin-roomrow.is-dirty,
.bbchat-admin-botrow.is-dirty {
	border-color: rgba(40, 174, 187, 0.26);
}

.bbchat-admin-roomrow.is-inactive-room {
	opacity: 0.82;
}

.bbchat-admin-roomrow__main {
	display: grid;
	grid-template-columns: minmax(150px, 1.35fr) 44px 70px minmax(180px, 0.95fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 36px;
}

.bbchat-admin-roomrow__advanced {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	padding-top: 8px;
	margin-top: 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.bbchat-admin-roomrow__advanced[hidden] {
	display: none;
}

.bbchat-admin-field--wide {
	grid-column: span 2;
}

.bbchat-admin-roomrow__name {
	min-width: 0;
	display: grid;
	gap: 1px;
	align-self: center;
}

.bbchat-admin-roomrow__name strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-admin-roomrow__name span {
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
}

.bbchat-admin-roomrow__order {
	min-width: 0;
	text-align: center;
}

.bbchat-admin-roomrow :is(input[type="text"], input[type="number"], textarea, select) {
	width: 100%;
	min-width: 0;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font: inherit;
	padding: 6px 8px;
	outline: none;
}

.bbchat-admin-roomrow textarea {
	min-height: 52px;
	resize: vertical;
}

.bbchat-admin-roomrow__botgroup {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 34px;
	align-items: center;
	gap: 4px;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
}

.bbchat-admin-roomrow__botgroup input {
	min-width: 0;
}

.bbchat-admin-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 30px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.06);
	cursor: pointer;
}

.bbchat-admin-check input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--bbchat-blue);
}

.bbchat-admin-roomrow__actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	white-space: nowrap;
}

.bbchat-admin-roomrow__actions .bbchat-action {
	min-height: 30px;
	padding-inline: 10px;
}

.bbchat-action--subtle {
	opacity: 0.82;
}

.bbchat-admin-roomrow.is-expanded .bbchat-action--subtle {
	opacity: 1;
}

.bbchat-admin-presence {
	display: grid;
	gap: 8px;
}

.bbchat-admin-presence-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}

.bbchat-admin-presence-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.bbchat-admin-presence-metrics div {
	min-width: 0;
	padding: 9px 10px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
}

.bbchat-admin-presence-metrics strong {
	display: block;
	font-size: 1.15rem;
	line-height: 1;
}

.bbchat-admin-presence-metrics span {
	display: block;
	margin-top: 3px;
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
}

.bbchat-admin-presence-full {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(40, 174, 187, 0.26);
	border-radius: 999px;
	background: rgba(40, 174, 187, 0.10);
	color: var(--bbchat-text);
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.bbchat-admin-presence-full:hover,
.bbchat-admin-presence-full:focus-visible {
	background: rgba(40, 174, 187, 0.16);
	border-color: rgba(40, 174, 187, 0.42);
	outline: none;
	text-decoration: none;
}

.bbchat-admin-presence-list {
	display: grid;
	gap: 6px;
}

.bbchat-admin-presence-row {
	position: relative;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
}

.bbchat-admin-presence-row:has(.bbchat-admin-presence-row__details[open]) {
	margin-bottom: 92px;
}

.bbchat-admin-presence-row__main {
	display: grid;
	grid-template-columns: minmax(150px, 1.1fr) minmax(135px, 0.85fr) minmax(220px, 1.2fr) auto;
	align-items: center;
	gap: 8px;
}

.bbchat-admin-presence-row__name,
.bbchat-admin-presence-row__time {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.bbchat-admin-presence-row__name strong,
.bbchat-admin-presence-row__time strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-admin-presence-row__name span,
.bbchat-admin-presence-row__time span {
	color: var(--bbchat-text-soft);
	font-size: 0.75rem;
}

.bbchat-admin-presence-row__meta {
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.bbchat-admin-presence-row__meta span {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 7px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: var(--bbchat-text-soft);
	font-size: 0.72rem;
}

.bbchat-admin-presence-row__details {
	min-width: 0;
}

.bbchat-admin-presence-row__details summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: var(--bbchat-admin-muted, var(--bbchat-text-soft));
	cursor: pointer;
	font-size: 0.74rem;
	font-weight: 800;
	list-style: none;
}

.bbchat-admin-presence-row__details summary::-webkit-details-marker {
	display: none;
}

.bbchat-admin-presence-row__details dl {
	position: absolute;
	inset-inline: 10px;
	top: calc(100% + 6px);
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 10px;
	margin: 0;
	padding: 9px 10px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	background: var(--bbchat-admin-surface, var(--bbchat-card));
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.bbchat-admin-presence-row__details div {
	min-width: 0;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 8px;
}

.bbchat-admin-presence-row__details dt,
.bbchat-admin-presence-row__details dd {
	margin: 0;
	min-width: 0;
	font-size: 0.74rem;
}

.bbchat-admin-presence-row__details dt {
	color: var(--bbchat-admin-muted, var(--bbchat-text-soft));
	font-weight: 800;
}

.bbchat-admin-presence-row__details dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--bbchat-admin-text, var(--bbchat-text));
	direction: ltr;
	text-align: left;
}

.bbchat-admin-botlist {
	display: grid;
	gap: 8px;
}

.bbchat-admin-botrow {
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(150px, 1.35fr) auto minmax(112px, 0.72fr) minmax(112px, 0.72fr);
	align-items: end;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
}

.bbchat-admin-botrow__name {
	min-width: 0;
	display: grid;
	gap: 2px;
	align-self: center;
}

.bbchat-admin-botrow__name strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbchat-admin-botrow__name span,
.bbchat-admin-field span {
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
}

.bbchat-admin-field {
	min-width: 0;
	display: grid;
	gap: 5px;
}

.bbchat-admin-botrow__toggle {
	align-self: center;
	white-space: nowrap;
}

.bbchat-profilecard__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.bbchat-profilecard__stats button {
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.05);
	text-align: center;
	color: inherit;
	cursor: pointer;
	transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.bbchat-profilecard__stats button:hover,
.bbchat-profilecard__stats button:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
	transform: translateY(-1px);
	outline: none;
}

.bbchat-profilecard__stats strong {
	display: block;
	font-family: "Rubik", sans-serif;
	font-size: 1rem;
	margin-bottom: 4px;
}

.bbchat-profilecard__stats span {
	color: var(--bbchat-text-soft);
	font-size: 0.76rem;
	white-space: nowrap;
}

.bbchat-profile-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.bbchat-bottomnav {
	display: none;
}

@media (min-width: 981px) {
	.bbchat-panel--side {
		align-content: stretch;
		grid-template-rows: minmax(0, 1fr) auto;
	}

	.bbchat-panel--side > [data-mobile-panel="messages"] {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.bbchat-panel--side > [data-mobile-panel="messages"] .bbchat-dmlist {
		flex: 1 1 auto;
		min-height: 220px;
		overflow-y: auto;
	}

	.bbchat-panel--side > [data-mobile-panel="profile"] {
		align-self: start;
	}
}

@media (max-width: 1180px) {
	.bbchat-app {
		grid-template-columns: 250px minmax(0, 1fr) 280px;
	}
}

@media (max-width: 980px) {
	.bbchat-shell {
		padding: 8px 10px calc(74px + env(safe-area-inset-bottom));
	}

	.bbchat-topbar {
		flex-wrap: wrap;
		gap: 6px;
		padding: 3px 7px;
	}

	.bbchat-app {
		grid-template-columns: 1fr;
	}

	.bbchat-panel,
	.bbchat-card {
		border-radius: 22px;
	}

	.bbchat-panel--rooms,
	.bbchat-panel--chat,
	.bbchat-panel--side {
		height: 100%;
	}

	.bbchat-bottomnav {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 12px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
		padding: 8px;
		border-radius: 999px;
		background: rgba(10, 21, 42, 0.96);
		border: 1px solid var(--bbchat-line);
		box-shadow: var(--bbchat-shadow);
		backdrop-filter: blur(18px);
		z-index: 30;
	}

	.bbchat-bottomnav button {
		border: 0;
		border-radius: 999px;
		min-height: 42px;
		background: transparent;
		color: var(--bbchat-text-soft);
		font-weight: 800;
	}

	.bbchat-bottomnav button.is-active {
		background: linear-gradient(135deg, rgba(42, 96, 238, 0.24), rgba(255, 90, 170, 0.22));
		color: #fff;
	}

	.bbchat-admin-drawer {
		padding: 8px;
	}

	.bbchat-admin-panel {
		width: 100%;
		max-height: calc(100svh - 16px);
		border-radius: 20px;
	}

	.bbchat-admin-panel__content {
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.bbchat-app[data-mobile-tab="rooms"] .bbchat-panel--chat,
	.bbchat-app[data-mobile-tab="rooms"] .bbchat-panel--side,
	.bbchat-app[data-mobile-tab="lobby"] .bbchat-panel--rooms,
	.bbchat-app[data-mobile-tab="lobby"] .bbchat-panel--side,
	.bbchat-app[data-mobile-tab="messages"] .bbchat-panel--rooms,
	.bbchat-app[data-mobile-tab="notifications"] .bbchat-panel--rooms,
	.bbchat-app[data-mobile-tab="profile"] .bbchat-panel--rooms,
	.bbchat-app[data-mobile-tab="messages"] .bbchat-panel--chat,
	.bbchat-app[data-mobile-tab="notifications"] .bbchat-panel--chat,
	.bbchat-app[data-mobile-tab="profile"] .bbchat-panel--chat {
		display: none;
	}

	.bbchat-app[data-mobile-tab="messages"] .bbchat-panel--side > :not([data-mobile-panel="messages"]),
	.bbchat-app[data-mobile-tab="notifications"] .bbchat-panel--side > :not([data-mobile-panel="notifications"]),
	.bbchat-app[data-mobile-tab="profile"] .bbchat-panel--side > :not([data-mobile-panel="profile"]) {
		display: none;
	}
}

@media (max-width: 640px) {
	.bbchat-profilecard__stats span {
		font-size: 0.68rem;
		letter-spacing: -0.01em;
	}

	.bbchat-shell {
		padding: 5px 8px calc(56px + env(safe-area-inset-bottom));
	}

	.bbchat-topbar {
		padding: 2px 6px;
		border-radius: 12px;
	}

	.bbchat-topbar__links {
		display: none;
	}

	.bbchat-topbar .bbchat-pill {
		min-height: 30px;
		padding: 0 12px;
		font-size: 0.86rem;
	}

	.bbchat-admin-open {
		min-height: 30px;
		padding: 0 10px;
		font-size: 0.78rem;
	}

	.bbchat-brand__copy strong {
		font-size: 1.12rem;
	}

	.bbchat-brand__copy span,
	.bbchat-userpill__text span {
		display: none;
	}

	.bbchat-userpill {
		gap: 5px;
		padding: 0 5px 0 1px;
	}

	.bbchat-userpill__avatar {
		width: 24px;
		height: 24px;
	}

	.bbchat-dmcard__head {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 8px;
	}

	.bbchat-dmcard__avatar,
	.bbchat-dmcard__avatar img,
	.bbchat-dmcard__avatar .bbchat-message__avatar {
		width: 38px;
		height: 38px;
		border-radius: 12px;
	}

	.bbchat-roomhead {
		align-items: center;
		padding: 6px 9px 5px;
		gap: 5px;
	}

	.bbchat-roomhead__titleline {
		gap: 6px;
	}

		.bbchat-roomhead h2 {
			font-size: 0.94rem;
		}

		.bbchat-page-title {
			font-size: 0.94rem;
		}

		.bbchat-roomhead__identity h2 {
			max-width: 34%;
			font-size: 0.66rem;
			padding: 3px 7px;
		}

	.bbchat-modebadge {
		font-size: 0.66rem;
		padding: 3px 8px;
	}

	.bbchat-roomjump {
		padding: 3px 8px;
		font-size: 0.68rem;
	}

	.bbchat-roomdesc,
	.bbchat-kicker {
		display: none;
	}

	.bbchat-roomstats {
		display: none;
	}

	.bbchat-pinned {
		display: none !important;
	}

	.bbchat-room-context {
		display: none !important;
	}

	.bbchat-stream {
		padding: 12px 14px 14px;
	}

	.bbchat-message,
	.bbchat-empty {
		padding: 8px 10px;
		border-radius: 16px;
	}

	.bbchat-message__footer {
		gap: 5px;
	}

	.bbchat-reactionmenu {
		min-width: 168px;
	}

	.bbchat-composer__row {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		gap: 6px;
	}

	.bbchat-composer {
		padding: 5px 9px 6px;
	}

	.bbchat-composer__hint {
		display: none;
	}

	.bbchat-composer[data-mode="guest"] .bbchat-composer__hint,
	.bbchat-composer[data-mode="dm"] .bbchat-composer__hint {
		display: block;
		font-size: 0.72rem;
		line-height: 1.25;
		margin-bottom: 4px;
	}

	.bbchat-composer[data-mode="edit"] .bbchat-replybar {
		padding: 8px 10px;
		margin-bottom: 6px;
	}

	.bbchat-composer textarea {
		min-height: 40px;
		max-height: 88px;
		padding: 8px 10px;
		font-size: 0.95rem;
		line-height: 1.25;
	}

	.bbchat-send {
		min-width: 72px;
		min-height: 40px;
		padding: 0 11px;
		font-size: 0.9rem;
	}

	.bbchat-bottomnav {
		left: 8px;
		right: 8px;
		bottom: 4px;
		padding: 4px;
		gap: 4px;
	}

	.bbchat-bottomnav button {
		min-height: 34px;
		font-size: 0.76rem;
	}
}

@media (max-width: 640px) and (max-height: 760px) {
	.bbchat-shell {
		padding: 6px 8px calc(52px + env(safe-area-inset-bottom));
		gap: 5px;
	}

	.bbchat-topbar {
		padding: 3px 6px;
		border-radius: 12px;
	}

	.bbchat-brand__copy span {
		display: none;
	}

	.bbchat-userpill {
		padding-inline-end: 5px;
	}

	.bbchat-userpill__avatar {
		width: 24px;
		height: 24px;
	}

	.bbchat-panel,
	.bbchat-card {
		border-radius: 18px;
	}

	.bbchat-roomhead {
		padding: 6px 9px 5px;
		gap: 5px;
	}

		.bbchat-roomhead h2 {
			font-size: 0.92rem;
		}

		.bbchat-page-title {
			font-size: 0.92rem;
		}

		.bbchat-roomhead__identity h2 {
			max-width: 34%;
			font-size: 0.64rem;
			padding: 3px 7px;
		}

	.bbchat-modebadge {
		font-size: 0.64rem;
		padding: 3px 7px;
	}

	.bbchat-roomjump {
		padding: 3px 7px;
		font-size: 0.66rem;
	}

	.bbchat-pinned {
		display: none !important;
	}

	.bbchat-stream {
		padding: 10px 12px 12px;
	}

	.bbchat-message,
	.bbchat-empty {
		padding: 8px 10px;
	}

	.bbchat-composer {
		padding: 4px 7px 5px;
	}

	.bbchat-composer__hint {
		display: none;
	}

	.bbchat-composer[data-mode="guest"] .bbchat-composer__hint,
	.bbchat-composer[data-mode="dm"] .bbchat-composer__hint {
		display: block;
		font-size: 0.7rem;
		line-height: 1.2;
		margin-bottom: 4px;
	}

	.bbchat-composer[data-mode="edit"] .bbchat-replybar {
		padding: 7px 9px;
		margin-bottom: 5px;
	}

	.bbchat-composer textarea {
		min-height: 38px;
		max-height: 80px;
		padding: 7px 10px;
	}

	.bbchat-send {
		min-width: 68px;
		min-height: 38px;
		padding: 0 9px;
	}

	.bbchat-bottomnav {
		bottom: 3px;
		padding: 3px;
		gap: 3px;
	}

	.bbchat-bottomnav button {
		min-height: 32px;
		font-size: 0.74rem;
	}
}

/* XenForo embedded surface: keep the chat isolated inside the forum page. */
.bbchat-xf {
	--bbchat-bg: transparent;
	--bbchat-bg-soft: rgba(245, 251, 252, 0.86);
	--bbchat-card: rgba(255, 255, 255, 0.82);
	--bbchat-card-soft: rgba(249, 253, 254, 0.92);
	--bbchat-line: rgba(40, 174, 187, 0.18);
	--bbchat-text: #09222b;
	--bbchat-text-soft: rgba(9, 34, 43, 0.68);
	--bbchat-blue: #28aebb;
	--bbchat-pink: #69d3d9;
	--bbchat-amber: #d79520;
	--bbchat-navy: #0a1a21;
	--bbchat-green: #22b58b;
	--bbchat-shadow: 0 12px 28px rgba(5, 20, 27, 0.10);
	--bbchat-message-font-family: "Heebo", "Noto Sans Hebrew", "Segoe UI", Arial, sans-serif;
	margin: 0;
	height: auto;
	min-height: 0;
	overflow: visible;
	background: transparent;
	color: var(--bbchat-text);
	font-family: "Heebo", "Noto Sans Hebrew", "Segoe UI", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color-scheme: light;
}

html[data-bbchat-theme="dark"] .bbchat-xf,
html[data-color-scheme="dark"] .bbchat-xf {
	--bbchat-bg-soft: rgba(8, 20, 26, 0.70);
	--bbchat-card: rgba(9, 24, 31, 0.88);
	--bbchat-card-soft: rgba(13, 32, 40, 0.92);
	--bbchat-line: rgba(40, 174, 187, 0.24);
	--bbchat-text: #edf8fa;
	--bbchat-text-soft: rgba(237, 248, 250, 0.70);
	--bbchat-shadow: 0 16px 32px rgba(3, 8, 12, 0.24);
	color-scheme: dark;
}

/* Chat page only: keep XenForo semantics, but remove forum-page vertical waste. */
.p-body {
	padding-top: 0 !important;
}

.p-body-inner {
	padding-top: 6px !important;
	padding-bottom: 0 !important;
}

.p-breadcrumbs {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.p-body-header {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.p-body-header .p-title {
	align-items: center;
	margin-bottom: 0;
}

.p-body-header .p-title-value {
	margin: 0 !important;
	font-size: 24px;
	line-height: 1.18;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p-body-header .p-description {
	margin-top: 2px;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p-body-main {
	margin-bottom: 0;
}

.p-footer {
	display: none !important;
}

.bbchat-xf .bbchat-shell {
	height: calc(100svh - 133px);
	min-height: 0;
	max-width: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-rows: minmax(0, 1fr);
	gap: 0;
	background: transparent;
}

.bbchat-xf .bbchat-topbar {
	display: none;
}

.bbchat-xf .bbchat-app {
	min-height: 0;
}

.bbchat-xf .bbchat-panel,
.bbchat-xf .bbchat-card {
	border-radius: 8px;
	backdrop-filter: none;
}

.bbchat-xf .bbchat-panel {
	padding: 12px;
}

.bbchat-xf .bbchat-panel--chat {
	padding: 0;
}

.bbchat-xf .bbchat-card {
	padding: 12px;
}

.bbchat-xf .bbchat-roomhead {
	border-bottom: 1px solid var(--bbchat-line);
}

.bbchat-xf .bbchat-roomstats,
.bbchat-xf .bbchat-roomjump,
.bbchat-xf .bbchat-modebadge {
	display: none !important;
}

.bbchat-xf .bbchat-message,
.bbchat-xf .bbchat-empty,
.bbchat-xf .bbchat-onboarding,
.bbchat-xf .bbchat-profilecard,
.bbchat-xf .bbchat-pinned,
.bbchat-xf .bbchat-livepoll,
.bbchat-xf .bbchat-contextcard,
.bbchat-xf .bbchat-admin-summary,
.bbchat-xf .bbchat-admin-actions,
.bbchat-xf .bbchat-admin-polls,
.bbchat-xf .bbchat-admin-bots,
.bbchat-xf .bbchat-admin-rooms {
	border-color: var(--bbchat-line);
	box-shadow: none;
}

.bbchat-xf button,
.bbchat-xf textarea,
.bbchat-xf input,
.bbchat-xf select {
	font-family: inherit;
}

.bbchat-xf .bbchat-bottomnav button {
	color: rgba(237, 248, 250, 0.74);
}

.bbchat-xf .bbchat-bottomnav button.is-active {
	color: #ffffff;
}

@media (max-width: 980px) {
	.p-body-inner {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.p-body-header {
		padding: 0 !important;
		margin: -1px !important;
	}

	.p-body-header .p-title-value {
		font-size: 20px;
		line-height: 1.18;
	}

	.p-body-header .p-description {
		display: none;
	}

	.bbchat-xf .bbchat-shell {
		height: calc(100svh - 58px);
		min-height: 0;
		padding: 0 0 calc(88px + env(safe-area-inset-bottom));
	}

	.bbchat-xf .bbchat-panel,
	.bbchat-xf .bbchat-card {
		border-radius: 8px;
	}
}

@media (max-width: 640px) {
	.bbchat-xf .bbchat-shell {
		height: calc(100svh - 58px);
		min-height: 0;
		padding-bottom: calc(88px + env(safe-area-inset-bottom));
	}
}

/* Premium embedded chat polish. Keep this last so the forum-integrated theme wins. */
.bbchat-xf {
	--bbchat-page-tint: #eef5f7;
	--bbchat-surface: rgba(255, 255, 255, 0.94);
	--bbchat-surface-strong: #ffffff;
	--bbchat-surface-soft: rgba(246, 251, 252, 0.92);
	--bbchat-surface-hover: #edf7f8;
	--bbchat-field: #f8fbfc;
	--bbchat-field-focus: #ffffff;
	--bbchat-line: rgba(40, 174, 187, 0.20);
	--bbchat-line-strong: rgba(13, 131, 150, 0.34);
	--bbchat-text: #09161b;
	--bbchat-text-soft: #60737a;
	--bbchat-text-faint: #85949a;
	--bbchat-accent: #28aebb;
	--bbchat-accent-strong: #0d8396;
	--bbchat-accent-deep: #075f70;
	--bbchat-chrome: #071419;
	--bbchat-chrome-2: #0d2028;
	--bbchat-gold: #d79520;
	--bbchat-good: #22a982;
	--bbchat-danger: #c94545;
	--bbchat-radius: 8px;
	--bbchat-shadow: 0 10px 24px rgba(5, 20, 27, 0.08);
	--bbchat-shadow-strong: 0 16px 36px rgba(5, 20, 27, 0.13);
	color: var(--bbchat-text);
}

html[data-bbchat-theme="dark"] .bbchat-xf,
html[data-color-scheme="dark"] .bbchat-xf {
	--bbchat-page-tint: #050b0f;
	--bbchat-surface: rgba(8, 22, 29, 0.94);
	--bbchat-surface-strong: #0a1a21;
	--bbchat-surface-soft: rgba(13, 32, 40, 0.92);
	--bbchat-surface-hover: #142f38;
	--bbchat-field: #07141a;
	--bbchat-field-focus: #0d2028;
	--bbchat-line: rgba(40, 174, 187, 0.26);
	--bbchat-line-strong: rgba(40, 174, 187, 0.42);
	--bbchat-text: #edf8fa;
	--bbchat-text-soft: #a6bcc2;
	--bbchat-text-faint: #75909a;
	--bbchat-accent: #38c3cd;
	--bbchat-accent-strong: #28aebb;
	--bbchat-accent-deep: #77e0e5;
	--bbchat-chrome: #04090c;
	--bbchat-chrome-2: #071419;
	--bbchat-gold: #f0c35a;
	--bbchat-good: #39d0a4;
	--bbchat-danger: #ff7b7b;
	--bbchat-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
	--bbchat-shadow-strong: 0 20px 44px rgba(0, 0, 0, 0.38);
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-shell {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)),
		var(--bbchat-page-tint);
	border-radius: var(--bbchat-radius);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-shell,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-shell {
	background:
		linear-gradient(180deg, rgba(40, 174, 187, 0.08), rgba(40, 174, 187, 0)),
		var(--bbchat-page-tint);
}

.bbchat-xf .bbchat-app {
	gap: 14px;
}

.bbchat-xf .bbchat-panel,
.bbchat-xf .bbchat-card,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-panel,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-card,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-panel,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-card,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-panel,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-card {
	background: var(--bbchat-surface);
	border: 1px solid var(--bbchat-line);
	border-radius: var(--bbchat-radius);
	box-shadow: var(--bbchat-shadow);
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-panel--chat {
	background: var(--bbchat-surface-strong);
	box-shadow: var(--bbchat-shadow-strong);
}

.bbchat-xf .bbchat-panel--rooms,
.bbchat-xf .bbchat-panel--side {
	scrollbar-width: thin;
	scrollbar-color: rgba(40, 174, 187, 0.34) transparent;
}

.bbchat-xf .bbchat-panel--rooms::-webkit-scrollbar,
.bbchat-xf .bbchat-panel--side::-webkit-scrollbar,
.bbchat-xf .bbchat-stream::-webkit-scrollbar {
	width: 8px;
}

.bbchat-xf .bbchat-panel--rooms::-webkit-scrollbar-thumb,
.bbchat-xf .bbchat-panel--side::-webkit-scrollbar-thumb,
.bbchat-xf .bbchat-stream::-webkit-scrollbar-thumb {
	background: rgba(40, 174, 187, 0.34);
	border-radius: 999px;
}

.bbchat-xf .bbchat-panel__head,
.bbchat-xf .bbchat-card__head {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bbchat-line);
}

.bbchat-xf .bbchat-panel__head h2,
.bbchat-xf .bbchat-card__head h3 {
	color: var(--bbchat-text);
	font-weight: 800;
}

.bbchat-xf .bbchat-kicker {
	color: var(--bbchat-gold);
	letter-spacing: 0;
	text-transform: none;
}

.bbchat-xf .bbchat-roomhead {
	flex: 0 0 auto;
	position: relative;
	z-index: 2;
	min-height: 0;
	padding: 9px 14px;
	align-items: center;
	background:
		linear-gradient(180deg, var(--bbchat-surface-strong), var(--bbchat-surface-soft));
	border-bottom: 1px solid var(--bbchat-line);
}

.bbchat-xf .bbchat-roomhead__main {
	display: block;
	min-width: 0;
}

.bbchat-xf .bbchat-roomhead .bbchat-kicker,
.bbchat-xf .bbchat-roomdesc {
	display: none !important;
}

.bbchat-xf .bbchat-roomhead__identity {
	gap: 10px;
	width: 100%;
}

.bbchat-xf .bbchat-roomhead__titleline {
	align-items: center;
}

.bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open {
	flex: 0 0 auto;
	min-height: 30px;
	margin-inline-start: auto;
	padding: 0 12px;
	background: rgba(215, 149, 32, 0.12);
	border: 1px solid rgba(215, 149, 32, 0.24);
	color: #7a5200;
	box-shadow: none;
}

.bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:hover,
.bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:focus-visible,
.bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open[aria-expanded="true"] {
	background: rgba(215, 149, 32, 0.2);
	border-color: rgba(215, 149, 32, 0.42);
	color: #5f3f00;
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open {
	background: rgba(240, 195, 90, 0.14);
	border-color: rgba(240, 195, 90, 0.28);
	color: #ffe5a2;
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:hover,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:focus-visible,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open[aria-expanded="true"],
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:hover,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open:focus-visible,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead__titleline .bbchat-admin-open[aria-expanded="true"] {
	background: rgba(240, 195, 90, 0.22);
	border-color: rgba(240, 195, 90, 0.44);
	color: #fff3c7;
}

.bbchat-xf .bbchat-page-title {
	max-width: none;
	color: var(--bbchat-text);
	font-size: 1.05rem;
	line-height: 1.25;
	font-weight: 800;
}

.bbchat-xf .bbchat-roomhead__identity h2 {
	flex: 0 0 auto;
	max-width: 36%;
	padding: 4px 9px;
	background: rgba(215, 149, 32, 0.14);
	color: #8b5d00;
	border: 1px solid rgba(215, 149, 32, 0.16);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead {
	background:
		linear-gradient(180deg, rgba(13, 32, 40, 0.98), rgba(7, 20, 26, 0.98));
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomhead__identity h2,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomhead__identity h2 {
	background: rgba(240, 195, 90, 0.15);
	color: #ffe5a2;
	border-color: rgba(240, 195, 90, 0.18);
}

.bbchat-xf .bbchat-hotstrip {
	gap: 7px;
	margin-bottom: 10px;
}

.bbchat-xf .bbchat-hotstrip button,
.bbchat-xf .bbchat-chip,
.bbchat-xf .bbchat-roomjump,
.bbchat-xf .bbchat-stat,
.bbchat-xf .bbchat-profilecard__stats button,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-hotstrip button,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-chip,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomjump,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-stat,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard__stats button {
	background: var(--bbchat-surface-soft);
	border: 1px solid var(--bbchat-line);
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-hotstrip button.is-hot,
.bbchat-xf .bbchat-hotstrip button:hover,
.bbchat-xf .bbchat-hotstrip button:focus-visible,
.bbchat-xf .bbchat-chip:hover,
.bbchat-xf .bbchat-chip:focus-visible {
	background: linear-gradient(180deg, rgba(40, 174, 187, 0.16), rgba(40, 174, 187, 0.07));
	border-color: var(--bbchat-line-strong);
	color: var(--bbchat-accent-deep);
	outline: none;
}

.bbchat-xf .bbchat-roomcard,
.bbchat-xf .bbchat-feeditem,
.bbchat-xf .bbchat-botcard,
.bbchat-xf .bbchat-dmcard,
.bbchat-xf .bbchat-reportcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-botcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-dmcard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reportcard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-roomcard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-feeditem,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-botcard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-dmcard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-reportcard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-roomcard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-feeditem,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-botcard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-dmcard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-reportcard {
	background: var(--bbchat-surface-soft);
	border: 1px solid var(--bbchat-line);
	border-radius: var(--bbchat-radius);
	color: var(--bbchat-text);
	box-shadow: none;
}

.bbchat-xf .bbchat-roomcard:hover,
.bbchat-xf .bbchat-roomcard.is-active,
.bbchat-xf .bbchat-feeditem.is-actionable:hover,
.bbchat-xf .bbchat-feeditem.is-actionable:focus-visible,
.bbchat-xf .bbchat-dmcard.is-active,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-roomcard.is-active,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem.is-actionable:hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-feeditem.is-actionable:focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-dmcard.is-active {
	background: var(--bbchat-surface-hover);
	border-color: var(--bbchat-line-strong);
	transform: none;
}

.bbchat-xf .bbchat-roomcard.is-active {
	box-shadow: inset -3px 0 0 var(--bbchat-accent);
}

.bbchat-xf .bbchat-roomcard__desc,
.bbchat-xf .bbchat-feeditem p,
.bbchat-xf .bbchat-botcard p,
.bbchat-xf .bbchat-dmcard p,
.bbchat-xf .bbchat-reportcard p,
.bbchat-xf .bbchat-composer__hint,
.bbchat-xf .bbchat-message__body,
.bbchat-xf .bbchat-onboarding,
.bbchat-xf .bbchat-empty,
.bbchat-xf .bbchat-profilecard__copy span,
.bbchat-xf .bbchat-profilecard__guest span,
.bbchat-xf .bbchat-profilecard__bio {
	color: var(--bbchat-text-soft);
}

.bbchat-xf .bbchat-stream {
	position: relative;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(40, 174, 187, 0.035), rgba(40, 174, 187, 0)),
		var(--bbchat-surface-strong);
	padding: 12px 14px;
	box-shadow: inset 0 8px 12px -14px rgba(5, 20, 27, 0.38);
}

.bbchat-xf .bbchat-stream:empty {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.bbchat-xf .bbchat-stream:empty::before {
	content: "השיחה שקטה כרגע. כתבו את ההודעה הראשונה ותפתחו את הלייב.";
	display: block;
	max-width: 360px;
	padding: 14px 16px;
	background: var(--bbchat-surface-soft);
	border: 1px solid var(--bbchat-line);
	border-radius: var(--bbchat-radius);
	color: var(--bbchat-text-soft);
	box-shadow: var(--bbchat-shadow);
}

.bbchat-xf .bbchat-message,
.bbchat-xf .bbchat-empty,
.bbchat-xf .bbchat-onboarding,
.bbchat-xf .bbchat-profilecard,
.bbchat-xf .bbchat-pinned,
.bbchat-xf .bbchat-livepoll,
.bbchat-xf .bbchat-contextcard,
.bbchat-xf .bbchat-admin-summary,
.bbchat-xf .bbchat-admin-actions,
.bbchat-xf .bbchat-admin-polls,
.bbchat-xf .bbchat-admin-bots,
.bbchat-xf .bbchat-admin-rooms,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-empty,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-onboarding,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-profilecard,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-pinned,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-livepoll,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-contextcard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-message,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-empty,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-onboarding,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-profilecard,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-pinned,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-livepoll,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-contextcard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-message,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-empty,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-onboarding,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-profilecard,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-pinned,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-livepoll,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-contextcard {
	background: var(--bbchat-surface-soft);
	border: 1px solid var(--bbchat-line);
	border-radius: var(--bbchat-radius);
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-pinned {
	display: grid;
	gap: 5px;
	margin: 10px 14px 0;
	padding: 10px 12px;
}

.bbchat-xf .bbchat-pinned strong {
	line-height: 1.25;
}

.bbchat-xf .bbchat-pinned div {
	line-height: 1.35;
}

.bbchat-xf .bbchat-pinned .bbchat-profile-actions {
	gap: 6px;
	margin-top: 3px;
}

.bbchat-xf .bbchat-room-context,
.bbchat-xf .bbchat-livepoll {
	padding: 0 14px 10px;
}

.bbchat-xf .bbchat-contextcard,
.bbchat-xf .bbchat-pollcard {
	padding: 10px 12px;
}

.bbchat-xf .bbchat-presence {
	gap: 6px;
	margin-top: 8px;
	max-height: 76px;
	padding-inline-end: 2px;
}

.bbchat-xf .bbchat-presence__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding: 6px 8px;
	border-radius: var(--bbchat-radius);
}

.bbchat-xf .bbchat-presence__avatar {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: var(--bbchat-radius);
}

.bbchat-xf .bbchat-presence small {
	white-space: nowrap;
}

.bbchat-xf .bbchat-message.is-official,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-message.is-official {
	background: linear-gradient(135deg, rgba(40, 174, 187, 0.13), rgba(215, 149, 32, 0.10));
	border-color: var(--bbchat-line-strong);
}

.bbchat-xf .bbchat-message__meta strong,
.bbchat-xf .bbchat-dmcard__title strong,
.bbchat-xf .bbchat-feeditem strong,
.bbchat-xf .bbchat-profilecard__copy strong,
.bbchat-xf .bbchat-profilecard__guest strong {
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-message__meta small,
.bbchat-xf .bbchat-message__bodytime,
.bbchat-xf .bbchat-message__submeta,
.bbchat-xf .bbchat-dmcard__meta small {
	color: var(--bbchat-text-faint);
}

.bbchat-xf .bbchat-message__avatar,
.bbchat-xf .bbchat-message__avatarwrap img,
.bbchat-xf .bbchat-profilecard__avatar,
.bbchat-xf .bbchat-dmcard__avatar {
	border-radius: var(--bbchat-radius);
	box-shadow: inset 0 0 0 1px var(--bbchat-line);
}

.bbchat-xf .bbchat-replybar,
.bbchat-xf .bbchat-message__reply,
.bbchat-xf .bbchat-presence__item,
.bbchat-xf .bbchat-polloption {
	background: rgba(40, 174, 187, 0.07);
	border-color: var(--bbchat-line);
	color: var(--bbchat-text);
}

.bbchat-xf .bbchat-tag,
.bbchat-xf .bbchat-modebadge,
.bbchat-xf .bbchat-botcard__tag {
	background: rgba(40, 174, 187, 0.12);
	color: var(--bbchat-accent-deep);
	border: 1px solid rgba(40, 174, 187, 0.16);
}

.bbchat-xf .bbchat-tag--official {
	background: rgba(215, 149, 32, 0.16);
	color: #8b5d00;
	border-color: rgba(215, 149, 32, 0.18);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-tag,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-tag,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-modebadge,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-modebadge,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-botcard__tag,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-botcard__tag {
	color: #baf8fb;
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-tag--official,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-tag--official {
	color: #ffe5a2;
}

.bbchat-xf .bbchat-composer,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer {
	flex: 0 0 auto;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 250, 251, 0.96));
	border-top: 1px solid var(--bbchat-line);
	color: var(--bbchat-text);
	box-shadow: 0 -8px 18px rgba(5, 20, 27, 0.07);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-composer,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-composer {
	flex: 0 0 auto;
	background:
		linear-gradient(180deg, var(--bbchat-chrome-2), var(--bbchat-chrome));
	border-top: 1px solid rgba(40, 174, 187, 0.30);
	color: #edf8fa;
	box-shadow: 0 -10px 24px rgba(3, 8, 12, 0.13);
}

.bbchat-xf .bbchat-composer__hint {
	color: var(--bbchat-text-soft);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-composer__hint,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-composer__hint {
	color: rgba(237, 248, 250, 0.70);
}

.bbchat-xf .bbchat-composer textarea,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer textarea {
	background: var(--bbchat-field);
	border: 1px solid var(--bbchat-line);
	border-radius: var(--bbchat-radius);
	color: var(--bbchat-text);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-composer textarea,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-composer textarea {
	background: rgba(255, 255, 255, 0.075);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: var(--bbchat-radius);
	color: #f3fbfc;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.bbchat-xf .bbchat-composer textarea:focus {
	background: var(--bbchat-field-focus);
	border-color: rgba(40, 174, 187, 0.52);
	outline: none;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		0 0 0 2px rgba(40, 174, 187, 0.14);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-composer textarea:focus,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-composer textarea:focus {
	background: rgba(255, 255, 255, 0.10);
	border-color: rgba(40, 174, 187, 0.58);
	outline: none;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 0 0 2px rgba(40, 174, 187, 0.16);
}

.bbchat-xf .bbchat-composer textarea::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-composer textarea::placeholder {
	color: var(--bbchat-text-faint);
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-composer textarea::placeholder,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-composer textarea::placeholder {
	color: rgba(237, 248, 250, 0.50);
}

.bbchat-xf .bbchat-send,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-send {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.05)),
		linear-gradient(180deg, #77e5e8 0, #28aebb 100%);
	color: #031014;
	border: 1px solid rgba(215, 255, 255, 0.50);
	border-radius: var(--bbchat-radius);
	font-weight: 800;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		0 8px 18px rgba(17, 154, 178, 0.22);
}

.bbchat-xf .bbchat-send:hover,
.bbchat-xf .bbchat-send:focus-visible {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.07)),
		linear-gradient(180deg, #9cf0f0 0, #35bdc7 100%);
	outline: none;
}

.bbchat-xf .bbchat-bottomnav,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-bottomnav,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-bottomnav {
	background:
		linear-gradient(180deg, rgba(13, 32, 40, 0.98), rgba(4, 9, 12, 0.98));
	border: 1px solid rgba(40, 174, 187, 0.32);
	border-radius: var(--bbchat-radius);
	box-shadow: 0 14px 30px rgba(3, 8, 12, 0.24);
	backdrop-filter: blur(16px);
}

.bbchat-xf .bbchat-bottomnav button,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav button {
	color: rgba(237, 248, 250, 0.72);
	border-radius: var(--bbchat-radius);
}

.bbchat-xf .bbchat-bottomnav button.is-active,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-bottomnav button.is-active,
html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-bottomnav button.is-active,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-bottomnav button.is-active {
	background: linear-gradient(180deg, rgba(40, 174, 187, 0.24), rgba(40, 174, 187, 0.10));
	color: #ffffff;
	box-shadow: inset 0 -2px 0 var(--bbchat-accent);
}

.bbchat-xf .bbchat-action,
.bbchat-xf .bbchat-action--menu,
.bbchat-xf .bbchat-action--item,
.bbchat-xf .bbchat-reaction,
.bbchat-xf .bbchat-actionsheet__reaction,
.bbchat-xf .bbchat-actionsheet__close,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--menu,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-action--item,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__reaction,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__close {
	background: rgba(40, 174, 187, 0.10);
	color: var(--bbchat-text);
	border: 1px solid var(--bbchat-line);
}

.bbchat-xf .bbchat-reaction.is-active,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-reaction.is-active {
	background: rgba(40, 174, 187, 0.18);
	color: var(--bbchat-accent-deep);
	border-color: var(--bbchat-line-strong);
}

.bbchat-xf .bbchat-authgate__dialog,
.bbchat-xf .bbchat-actionsheet__dialog,
.bbchat-xf .bbchat-confirm__dialog,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-authgate__dialog,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-actionsheet__dialog,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-confirm__dialog {
	background: var(--bbchat-surface-strong);
	border: 1px solid var(--bbchat-line-strong);
	border-radius: var(--bbchat-radius);
	color: var(--bbchat-text);
	box-shadow: var(--bbchat-shadow-strong);
}

@media (min-width: 981px) {
	.bbchat-xf .bbchat-roomhead {
		min-height: 36px;
		padding: 7px 12px;
	}

	.bbchat-xf .bbchat-page-title {
		font-size: 1rem;
	}

	.bbchat-xf .bbchat-roomhead__identity h2 {
		padding: 3px 8px;
	}

	.bbchat-xf .bbchat-pinned {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"title actions"
			"body actions";
		align-items: center;
		gap: 2px 10px;
		margin: 8px 14px 0;
		padding: 8px 10px;
	}

	.bbchat-xf .bbchat-pinned > strong {
		grid-area: title;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bbchat-xf .bbchat-pinned > div:not(.bbchat-profile-actions) {
		grid-area: body;
		font-size: 0.84rem;
		line-height: 1.25;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bbchat-xf .bbchat-pinned > .bbchat-profile-actions {
		grid-area: actions;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 6px;
		margin-top: 0;
	}

	.bbchat-xf .bbchat-pinned .bbchat-chip {
		min-height: 28px;
		padding: 4px 9px;
		font-size: 0.8rem;
		white-space: nowrap;
	}

	.bbchat-xf .bbchat-room-context {
		padding: 0 14px 7px;
	}

	.bbchat-xf .bbchat-contextcard {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 36px;
		padding: 7px 10px;
	}

	.bbchat-xf .bbchat-contextcard > strong {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.bbchat-xf .bbchat-contextcard p {
		flex: 1 1 auto;
		min-width: 0;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bbchat-xf .bbchat-contextcard__head {
		flex: 0 0 auto;
		gap: 8px;
	}

	.bbchat-xf .bbchat-contextcard__head strong,
	.bbchat-xf .bbchat-contextcard__head span {
		white-space: nowrap;
	}

	.bbchat-xf .bbchat-contextcard__head span {
		font-size: 0.76rem;
	}

	.bbchat-xf .bbchat-presence {
		flex: 1 1 auto;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 5px;
		max-height: 30px;
		margin-top: 0;
		padding-inline-end: 0;
		overflow: hidden;
	}

	.bbchat-xf .bbchat-presence__item {
		max-width: 112px;
		padding: 4px 7px;
	}

	.bbchat-xf .bbchat-presence__avatar {
		width: 20px;
		height: 20px;
		flex-basis: 20px;
	}

	.bbchat-xf .bbchat-presence__name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.bbchat-xf .bbchat-presence small {
		display: none;
	}

	.bbchat-xf .bbchat-stream {
		padding: 8px 14px 10px;
	}

	.bbchat-xf .bbchat-composer {
		padding: 6px 12px 7px;
	}

	.bbchat-xf .bbchat-composer__hint {
		margin-bottom: 3px;
		font-size: 0.72rem;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bbchat-xf .bbchat-composer textarea {
		min-height: 38px;
		max-height: 90px;
		padding: 8px 10px;
	}

	.bbchat-xf .bbchat-send {
		min-width: 80px;
		min-height: 38px;
	}
}

@media (max-width: 1180px) {
	.bbchat-xf .bbchat-app {
		gap: 12px;
	}
}

@media (max-width: 980px) {
	.bbchat-xf .bbchat-app {
		gap: 0;
	}

	.bbchat-xf .bbchat-panel,
	.bbchat-xf .bbchat-card {
		box-shadow: var(--bbchat-shadow);
	}

	.bbchat-xf .bbchat-panel--chat {
		border-radius: var(--bbchat-radius);
	}
}

@media (max-width: 640px) {
	.bbchat-xf .bbchat-shell {
		background: var(--bbchat-page-tint);
	}

	.bbchat-xf .bbchat-panel--chat {
		box-shadow: 0 8px 20px rgba(5, 20, 27, 0.08);
	}

	.bbchat-xf .bbchat-roomhead {
		min-height: 40px;
		padding: 8px 10px 9px;
	}

	.bbchat-xf .bbchat-roomhead__identity {
		gap: 8px;
	}

	.bbchat-xf .bbchat-page-title {
		font-size: 1rem;
	}

	.bbchat-xf .bbchat-roomhead__identity h2 {
		max-width: 38%;
		font-size: 0.68rem;
	}

	.bbchat-xf .bbchat-stream {
		padding: 10px 12px;
	}

	.bbchat-xf .bbchat-composer {
		padding: 6px 8px;
	}

	.bbchat-xf .bbchat-composer textarea {
		min-height: 38px;
	}

	.bbchat-xf .bbchat-send {
		min-height: 38px;
	}
}

.bbchat-xf .bbchat-composer__hint[hidden],
.bbchat-xf .bbchat-composer__hint:empty {
	display: none !important;
	margin: 0 !important;
}

@media (max-width: 980px) {
	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-stream {
		padding-bottom: 44px;
	}

	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-composer {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: calc(76px + env(safe-area-inset-bottom));
		z-index: 29;
		border: 1px solid var(--bbchat-line);
		border-radius: 18px;
		box-shadow: 0 -12px 30px rgba(2, 8, 19, 0.22);
	}
}

@media (max-width: 640px) {
	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-stream {
		padding-bottom: 12px;
	}

	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-composer {
		left: 8px;
		right: 8px;
		bottom: calc(50px + env(safe-area-inset-bottom));
		border-radius: 14px;
	}
}

@media (max-width: 640px) and (max-height: 760px) {
	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-stream {
		padding-bottom: 10px;
	}

	.bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-composer {
		bottom: calc(44px + env(safe-area-inset-bottom));
	}
}

/* Management drawer: isolate colors from the embedded forum light/dark theme. */
.bbchat-xf .bbchat-admin-panel,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel,
html[data-color-scheme="light"] .bbchat-xf .bbchat-admin-panel {
	--bbchat-admin-bg: #f7fbfc;
	--bbchat-admin-head: #eef8f9;
	--bbchat-admin-head-bg: linear-gradient(135deg, rgba(8, 123, 135, 0.10), rgba(188, 136, 26, 0.08)), var(--bbchat-admin-head);
	--bbchat-admin-surface: #ffffff;
	--bbchat-admin-surface-strong: #edf8f9;
	--bbchat-admin-section-bg: rgba(255, 255, 255, 0.94);
	--bbchat-admin-field: #ffffff;
	--bbchat-admin-border: rgba(8, 123, 135, 0.18);
	--bbchat-admin-border-strong: rgba(8, 123, 135, 0.34);
	--bbchat-admin-section-divider: rgba(8, 123, 135, 0.16);
	--bbchat-admin-text: #102a33;
	--bbchat-admin-muted: #5f7680;
	--bbchat-admin-accent: #087b87;
	--bbchat-admin-gold: #9b6b09;
	--bbchat-admin-danger: #b4233c;
	--bbchat-admin-placeholder: rgba(95, 118, 128, 0.62);
	--bbchat-admin-field-shadow: inset 0 1px 0 rgba(16, 42, 51, 0.035);
	--bbchat-admin-focus-shadow: 0 0 0 3px rgba(8, 123, 135, 0.14);
	--bbchat-admin-chip-bg: rgba(8, 123, 135, 0.08);
	--bbchat-admin-chip-hover-bg: rgba(8, 123, 135, 0.14);
	--bbchat-admin-chip-text: #123640;
	--bbchat-admin-chip-hover-text: #09252d;
	--bbchat-admin-cta-bg: linear-gradient(180deg, rgba(188, 136, 26, 0.16), rgba(188, 136, 26, 0.08));
	--bbchat-admin-cta-border: rgba(188, 136, 26, 0.32);
	--bbchat-admin-cta-text: #6e4a05;
	--bbchat-admin-danger-bg: rgba(180, 35, 60, 0.09);
	--bbchat-admin-danger-border: rgba(180, 35, 60, 0.30);
	--bbchat-admin-danger-text: #912033;
	--bbchat-admin-close-bg: rgba(8, 123, 135, 0.08);
	--bbchat-admin-close-border: rgba(8, 123, 135, 0.18);
	--bbchat-admin-close-text: #123640;
	background: var(--bbchat-admin-bg) !important;
	color: var(--bbchat-admin-text) !important;
	border-color: var(--bbchat-admin-border-strong) !important;
}

html[data-bbchat-theme="dark"] .bbchat-xf .bbchat-admin-panel,
html[data-color-scheme="dark"] .bbchat-xf .bbchat-admin-panel {
	--bbchat-admin-bg: #07141a;
	--bbchat-admin-head: #0a1d25;
	--bbchat-admin-head-bg: linear-gradient(135deg, rgba(93, 226, 232, 0.14), rgba(244, 200, 102, 0.10)), var(--bbchat-admin-head);
	--bbchat-admin-surface: #0d222b;
	--bbchat-admin-surface-strong: #102b35;
	--bbchat-admin-section-bg: rgba(13, 34, 43, 0.92);
	--bbchat-admin-field: #061920;
	--bbchat-admin-border: rgba(93, 226, 232, 0.22);
	--bbchat-admin-border-strong: rgba(93, 226, 232, 0.38);
	--bbchat-admin-section-divider: rgba(93, 226, 232, 0.18);
	--bbchat-admin-text: #f4fbfc;
	--bbchat-admin-muted: #a7c7cf;
	--bbchat-admin-accent: #5de2e8;
	--bbchat-admin-gold: #f4c866;
	--bbchat-admin-danger: #ff7d8c;
	--bbchat-admin-placeholder: rgba(167, 199, 207, 0.62);
	--bbchat-admin-field-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
	--bbchat-admin-focus-shadow: 0 0 0 3px rgba(93, 226, 232, 0.12);
	--bbchat-admin-chip-bg: rgba(93, 226, 232, 0.12);
	--bbchat-admin-chip-hover-bg: rgba(93, 226, 232, 0.20);
	--bbchat-admin-chip-text: #f4fbfc;
	--bbchat-admin-chip-hover-text: #ffffff;
	--bbchat-admin-cta-bg: linear-gradient(180deg, rgba(244, 200, 102, 0.22), rgba(244, 200, 102, 0.10));
	--bbchat-admin-cta-border: rgba(244, 200, 102, 0.36);
	--bbchat-admin-cta-text: #fff4ce;
	--bbchat-admin-danger-bg: rgba(255, 125, 140, 0.13);
	--bbchat-admin-danger-border: rgba(255, 125, 140, 0.34);
	--bbchat-admin-danger-text: #ffd8dd;
	--bbchat-admin-close-bg: rgba(255, 255, 255, 0.08);
	--bbchat-admin-close-border: rgba(255, 255, 255, 0.14);
	--bbchat-admin-close-text: #ffffff;
}

.bbchat-xf .bbchat-admin-panel *,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel * {
	border-color: var(--bbchat-admin-border);
}

.bbchat-xf .bbchat-admin-panel__head,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel__head {
	background: var(--bbchat-admin-head-bg) !important;
	border-bottom-color: var(--bbchat-admin-border) !important;
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel :is(h2, h3, strong, label),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(h2, h3, strong, label) {
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel :is(p, small, span),
.bbchat-xf .bbchat-admin-panel .bbchat-admin-grid span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-section__head span,
.bbchat-xf .bbchat-admin-panel .bbchat-reportcard p,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button small,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-quick__item span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-field span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-botrow__name span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__name span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__name span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__time span,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dt,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomlist__head,
.bbchat-xf .bbchat-admin-panel .bbchat-empty,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(p, small, span),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-grid span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-section__head span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-reportcard p,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button small,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-quick__item span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-field span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-botrow__name span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__name span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__name span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__time span,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dt,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-roomlist__head,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-empty {
	color: var(--bbchat-admin-muted) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dd,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dd,
html[data-color-scheme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dd {
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel :is(button, a),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(button, a) {
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-kicker,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-kicker {
	color: var(--bbchat-admin-gold) !important;
}

.bbchat-xf .bbchat-admin-panel :is(
	.bbchat-admin-section,
	.bbchat-admin-summary,
	.bbchat-admin-actions,
	.bbchat-admin-polls,
	.bbchat-admin-bots,
	.bbchat-admin-rooms,
	.bbchat-admin-presence,
	.bbchat-admin-presence-metrics div,
	.bbchat-admin-presence-row,
	.bbchat-admin-presence-row__meta span,
	.bbchat-admin-presence-row__details summary,
	.bbchat-admin-nav,
	.bbchat-admin-nav__button,
	.bbchat-admin-quick__item,
	.bbchat-admin-toprooms,
	.bbchat-admin-grid div,
	.bbchat-admin-room-create,
	.bbchat-admin-room,
	.bbchat-admin-roomrow,
	.bbchat-admin-roomrow__botgroup,
	.bbchat-admin-check,
	.bbchat-admin-botrow,
	.bbchat-reportcard,
	.bbchat-empty
),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(
	.bbchat-admin-section,
	.bbchat-admin-summary,
	.bbchat-admin-actions,
	.bbchat-admin-polls,
	.bbchat-admin-bots,
	.bbchat-admin-rooms,
	.bbchat-admin-presence,
	.bbchat-admin-presence-metrics div,
	.bbchat-admin-presence-row,
	.bbchat-admin-presence-row__meta span,
	.bbchat-admin-presence-row__details summary,
	.bbchat-admin-nav,
	.bbchat-admin-nav__button,
	.bbchat-admin-quick__item,
	.bbchat-admin-toprooms,
	.bbchat-admin-grid div,
	.bbchat-admin-room-create,
	.bbchat-admin-room,
	.bbchat-admin-roomrow,
	.bbchat-admin-roomrow__botgroup,
	.bbchat-admin-check,
	.bbchat-admin-botrow,
	.bbchat-reportcard,
	.bbchat-empty
) {
	background: var(--bbchat-admin-surface) !important;
	border-color: var(--bbchat-admin-border) !important;
	color: var(--bbchat-admin-text) !important;
	box-shadow: none !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-summary,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-actions,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-polls,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-rooms,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-bots,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-summary,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-actions,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-polls,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-rooms,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-bots {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-section,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-section {
	background: var(--bbchat-admin-section-bg) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-section__head,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-section__head {
	border-bottom-color: var(--bbchat-admin-section-divider) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-nav {
	border-left-color: var(--bbchat-admin-border) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button:is(:hover, :focus-visible, .is-active),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button:is(:hover, :focus-visible, .is-active),
.bbchat-xf .bbchat-admin-panel .bbchat-admin-quick__item:is(:hover, :focus-visible),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-quick__item:is(:hover, :focus-visible) {
	background: var(--bbchat-admin-chip-hover-bg) !important;
	border-color: var(--bbchat-admin-border-strong) !important;
	color: var(--bbchat-admin-chip-hover-text) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button.has-alert,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-nav__button.has-alert {
	border-color: var(--bbchat-admin-danger-border) !important;
}

.bbchat-xf .bbchat-admin-panel :is(
	.bbchat-admin-room__head,
	.bbchat-admin-room__grid,
	.bbchat-admin-room__toggles,
	.bbchat-admin-roomrow__name,
	.bbchat-blocklist,
	.bbchat-admin-botrow__name,
	.bbchat-profile-actions,
	.bbchat-toggle
),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(
	.bbchat-admin-room__head,
	.bbchat-admin-room__grid,
	.bbchat-admin-room__toggles,
	.bbchat-admin-roomrow__name,
	.bbchat-blocklist,
	.bbchat-admin-botrow__name,
	.bbchat-profile-actions,
	.bbchat-toggle
) {
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-toggle input,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-toggle input,
.bbchat-xf .bbchat-admin-panel .bbchat-admin-check input,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-check input {
	accent-color: var(--bbchat-admin-accent);
}

.bbchat-xf .bbchat-admin-panel .bbchat-admin-check input,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-admin-check input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.bbchat-xf .bbchat-admin-panel :is(input, textarea, select),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(input, textarea, select) {
	background: var(--bbchat-admin-field) !important;
	border: 1px solid var(--bbchat-admin-border) !important;
	color: var(--bbchat-admin-text) !important;
	caret-color: var(--bbchat-admin-accent);
	box-shadow: var(--bbchat-admin-field-shadow);
}

.bbchat-xf .bbchat-admin-panel :is(input, textarea, select):focus,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(input, textarea, select):focus {
	border-color: var(--bbchat-admin-accent) !important;
	box-shadow: var(--bbchat-admin-focus-shadow);
	outline: none;
}

.bbchat-xf .bbchat-admin-panel :is(input, textarea)::placeholder,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(input, textarea)::placeholder {
	color: var(--bbchat-admin-placeholder) !important;
}

.bbchat-xf .bbchat-admin-panel option {
	background: var(--bbchat-admin-field);
	color: var(--bbchat-admin-text);
}

.bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip) {
	background: var(--bbchat-admin-chip-bg) !important;
	border: 1px solid var(--bbchat-admin-border) !important;
	color: var(--bbchat-admin-chip-text) !important;
	box-shadow: none !important;
}

.bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip):hover,
.bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip):focus-visible,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip):hover,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(.bbchat-pill, .bbchat-action, .bbchat-chip):focus-visible {
	background: var(--bbchat-admin-chip-hover-bg) !important;
	border-color: var(--bbchat-admin-border-strong) !important;
	color: var(--bbchat-admin-chip-hover-text) !important;
	outline: none;
}

.bbchat-xf .bbchat-admin-panel .bbchat-pill--muted,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-pill--muted {
	background: var(--bbchat-admin-cta-bg) !important;
	border-color: var(--bbchat-admin-cta-border) !important;
	color: var(--bbchat-admin-cta-text) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-reportcard .bbchat-action[data-report-action*="ban"],
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-reportcard .bbchat-action[data-report-action*="ban"],
.bbchat-xf .bbchat-admin-panel .bbchat-reportcard .bbchat-action--danger,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-reportcard .bbchat-action--danger {
	background: var(--bbchat-admin-danger-bg) !important;
	border-color: var(--bbchat-admin-danger-border) !important;
	color: var(--bbchat-admin-danger-text) !important;
}

.bbchat-xf .bbchat-admin-panel :is(.bbchat-reportcard__people > div, .bbchat-reportcard__reason, .bbchat-reportcard__message, .bbchat-reportcard__detailsGrid > div, .bbchat-reportcard__manageActions),
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(.bbchat-reportcard__people > div, .bbchat-reportcard__reason, .bbchat-reportcard__message, .bbchat-reportcard__detailsGrid > div, .bbchat-reportcard__manageActions) {
	background: var(--bbchat-admin-field) !important;
	border-color: var(--bbchat-admin-border) !important;
	color: var(--bbchat-admin-text) !important;
}

.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__badge,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel .bbchat-reportcard__badge {
	background: rgba(255, 200, 90, 0.14) !important;
	border: 1px solid rgba(255, 200, 90, 0.22) !important;
	color: var(--bbchat-admin-gold) !important;
}

.bbchat-xf .bbchat-admin-panel :is(button, input, textarea, select):disabled,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel :is(button, input, textarea, select):disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.bbchat-xf .bbchat-admin-panel__close,
html[data-bbchat-theme="light"] .bbchat-xf .bbchat-admin-panel__close {
	background: var(--bbchat-admin-close-bg) !important;
	border-color: var(--bbchat-admin-close-border) !important;
	color: var(--bbchat-admin-close-text) !important;
}

@media (max-width: 680px) {
	.bbchat-xf .bbchat-admin-drawer {
		box-sizing: border-box;
		align-items: stretch;
		justify-content: center;
		overflow: hidden;
		padding: 8px !important;
	}

	.bbchat-xf .bbchat-admin-panel {
		box-sizing: border-box;
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		min-width: 0 !important;
		max-height: calc(100svh - 16px) !important;
		border-radius: 14px !important;
		overflow: hidden;
	}

	.bbchat-xf .bbchat-admin-panel__head {
		box-sizing: border-box;
		min-width: 0;
		padding: 12px !important;
	}

	.bbchat-xf .bbchat-admin-panel__head > div {
		min-width: 0;
	}

	.bbchat-xf .bbchat-admin-panel__head span {
		display: block;
		overflow-wrap: anywhere;
	}

	.bbchat-xf .bbchat-admin-panel__body {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto minmax(0, 1fr);
	}

	.bbchat-xf .bbchat-admin-nav {
		display: flex;
		gap: 7px;
		padding: 8px !important;
		border-left: 0 !important;
		border-bottom: 1px solid var(--bbchat-admin-border) !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.bbchat-xf .bbchat-admin-nav__button {
		flex: 0 0 auto;
		width: auto;
		min-width: 104px;
		padding: 8px 10px !important;
	}

	.bbchat-xf .bbchat-admin-panel__content {
		box-sizing: border-box;
		gap: 10px;
		overflow-x: hidden;
		padding: 10px !important;
	}

	.bbchat-xf .bbchat-admin-view,
	.bbchat-xf .bbchat-admin-quick {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.bbchat-xf .bbchat-admin-panel :is(
		.bbchat-admin-section,
		.bbchat-admin-summary,
		.bbchat-admin-actions,
		.bbchat-admin-polls,
		.bbchat-admin-bots,
		.bbchat-admin-rooms,
		.bbchat-admin-presence,
		.bbchat-admin-savebar,
		.bbchat-admin-presence-row,
		.bbchat-admin-toprooms,
		.bbchat-admin-room-create,
		.bbchat-admin-room,
		.bbchat-admin-roomrow,
		.bbchat-admin-botrow,
		.bbchat-reportcard,
		.bbchat-admin-grid div
	) {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.bbchat-xf .bbchat-admin-panel :is(
		.bbchat-admin-grid,
		.bbchat-admin-actions__row,
		.bbchat-admin-room__grid,
		.bbchat-admin-roomrow,
		.bbchat-admin-roomrow__advanced,
		.bbchat-admin-presence-head,
		.bbchat-admin-presence-metrics,
		.bbchat-admin-presence-row__main,
		.bbchat-admin-presence-row__details dl,
		.bbchat-admin-room-create,
		.bbchat-admin-savebar
	) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomlist__head {
		display: none;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow {
		align-items: center;
		gap: 8px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__main {
		grid-template-columns: minmax(0, 1fr) 38px 64px !important;
		align-items: center;
		gap: 6px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__botgroup,
	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__actions,
	.bbchat-xf .bbchat-admin-panel .bbchat-admin-field--wide {
		grid-column: 1 / -1;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__actions {
		justify-content: stretch;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow__actions .bbchat-action {
		flex: 1 1 0;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-roomrow .bbchat-action {
		min-height: 36px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__people {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__detailsGrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__actions .bbchat-action {
		flex: 1 1 auto;
		min-height: 34px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__manage {
		flex: 1 1 auto;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__manage summary {
		width: 100%;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-reportcard__manageActions {
		position: static;
		margin-top: 6px;
		min-width: 0;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details div {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-presence-row__details dd {
		text-align: right;
		direction: rtl;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-botrow {
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center;
		gap: 8px;
	}

	.bbchat-xf .bbchat-admin-panel .bbchat-admin-botrow .bbchat-action {
		grid-column: 1 / -1;
		min-height: 36px;
	}

	.bbchat-xf .bbchat-admin-panel :is(input, textarea, select, button) {
		max-width: 100%;
		min-width: 0;
	}
}

@media (max-width: 980px) {
	html.bbchat-composer-focused .bbchat-xf .bbchat-shell {
		padding-bottom: 0 !important;
	}

	html.bbchat-composer-focused .bbchat-xf .bbchat-bottomnav {
		opacity: 0;
		pointer-events: none;
		transform: translateY(calc(100% + 16px));
	}

	html.bbchat-composer-focused .bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-stream {
		padding-bottom: 6px;
	}

	html.bbchat-composer-focused .bbchat-xf .bbchat-app[data-mobile-tab="lobby"] .bbchat-composer {
		bottom: 4px;
		bottom: max(4px, env(safe-area-inset-bottom));
	}
}