@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);
/* MCBE Host — Центр поддержки (user tickets palette)
   Tokens scoped to .eru-sc so they don't override admin AMOLED :root */
.eru-sc {
	--tw-page: #141a22;
	--tw-card: #1c2430;
	--tw-card-hover: #253040;
	--tw-surface: #151c26;
	--tw-text: #f2f5f8;
	--tw-muted: #8a97a8;
	--tw-purple: #6a8cf0;
	--tw-purple-soft: rgba(106, 140, 240, 0.16);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-line: rgba(255, 255, 255, 0.07);
	--tw-line-strong: rgba(255, 255, 255, 0.14);
	--tw-bubble-user: #eef2f7;
	--tw-bubble-user-fg: #15202b;
	--tw-bubble-staff: #262f3c;
	--eru-chat-accent: #59aae9;
	--tw-bubble-max: min(480px, 72%);
	/* Definite cap (vw/px) so fit-content bubbles don't collapse via cyclic % max-width */
	--tw-bubble-cap: min(480px, 72vw);
	max-width: 1180px;
}

.eru-sc__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.eru-sc__title {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--tw-text);
	line-height: 1.15;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.eru-sc__title-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: var(--tw-purple);
	color: #fff;
	box-shadow: 0 0 0 4px var(--tw-purple-soft);
}
.eru-sc__title-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.eru-sc__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.eru-tickets-tabs {
	display: inline-flex;
	padding: 3px;
	border-radius: 10px;
	background: var(--tw-card);
}
.eru-tickets-tabs__btn {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 8px;
	border: 0;
	background: transparent;
	color: var(--tw-muted);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none !important;
	line-height: 1;
}
.eru-tickets-tabs__btn:hover { color: var(--tw-text); }
.eru-tickets-tabs__btn.is-active {
	background: var(--tw-purple-soft);
	color: #a8adff;
}

.eru-sc__icon-btn {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--tw-card);
	color: var(--tw-muted);
	text-decoration: none !important;
	cursor: pointer;
}
.eru-sc__icon-btn:hover {
	color: var(--tw-text);
	background: var(--tw-card-hover);
}
.eru-sc__icon-btn svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	display: block;
}

.eru-sc__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px;
	border-radius: 10px;
	border: 0;
	background: var(--tw-btn-primary, var(--tw-purple));
	color: var(--tw-text, #fff) !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	cursor: pointer;
	line-height: 1;
	transition: background .15s ease;
}
.eru-sc__btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	display: block;
}
.eru-sc__btn svg path[fill]:not([fill='none']) {
	fill: currentColor;
}
.eru-sc__btn:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: var(--tw-text, #fff) !important;
}
.eru-sc__btn--ghost {
	background: var(--tw-card);
	color: var(--tw-text) !important;
}
.eru-sc__btn--ghost:hover {
	background: var(--tw-card-hover);
	filter: none;
}
.eru-sc__btn--danger {
	background: rgba(240, 67, 86, .16);
	color: #ff8a96 !important;
}
.eru-sc__btn--danger:hover {
	background: rgba(240, 67, 86, .24);
	filter: none;
}
.eru-sc__btn--sm {
	height: 34px;
	padding: 0 12px;
	font-size: 13px;
}
.eru-sc__btn:disabled,
.eru-sc__btn.is-disabled {
	opacity: .45;
	pointer-events: none;
}

/* Split workspace */
.eru-sc__workspace {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 12px;
	min-height: 0;
	height: calc(100dvh - 200px);
	max-height: calc(100dvh - 200px);
	align-items: stretch;
}

.eru-sc__listpane,
.eru-sc__chatpane {
	background: var(--tw-card);
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
	max-height: 100%;
}

.eru-sc__listpane {
	overflow: hidden;
}

.eru-sc__chatpane > form {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	margin: 0;
	overflow: hidden;
}

.eru-sc__search {
	padding: 14px 14px 10px;
	border-bottom: 1px solid var(--tw-line);
}

.eru-sc__search-input {
	width: 100%;
	height: 40px;
	padding: 0 14px 0 38px;
	border-radius: 10px;
	border: 1px solid transparent;
	background: var(--tw-surface) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%237f91a4%27 d=%27M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%27/%3E%3C/svg%3E") 12px 50% no-repeat;
	color: var(--tw-text);
	font-size: 14px;
	outline: none;
}
.eru-sc__search-input:focus {
	border-color: var(--tw-purple);
	box-shadow: 0 0 0 3px rgba(113, 119, 248, .18);
}
.eru-sc__search-input::placeholder { color: var(--tw-muted); }

.eru-sc__tickets {
	flex: 1;
	min-height: 0;
	overflow: auto;
	padding: 8px;
	scrollbar-width: thin;
	scrollbar-color: rgba(127, 145, 164, .4) transparent;
}

.eru-sc__ticket {
	display: block;
	padding: 10px 12px;
	border-radius: 10px;
	text-decoration: none !important;
	color: inherit;
	margin-bottom: 0;
	transition: background .12s ease;
	border-bottom: 0;
}
.eru-sc__ticket + .eru-sc__ticket {
	position: relative;
}
.eru-sc__ticket + .eru-sc__ticket::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 8px;
	right: 8px;
	height: 1px;
	background: linear-gradient(
		to right,
		transparent,
		var(--tw-line-strong, rgba(255, 255, 255, 0.14)),
		transparent
	);
	opacity: 0.85;
	pointer-events: none;
}
.eru-sc__ticket:hover { background: var(--tw-hover-fill); }
.eru-sc__ticket.is-active {
	background: var(--tw-hover-fill);
}
.eru-sc__ticket.is-active:hover {
	background: var(--tw-hover-fill);
}

.eru-sc__ticket-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 4px;
	min-width: 0;
}

.eru-sc__ticket-title {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--tw-text);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	flex: 1;
	display: flex;
	align-items: baseline;
	gap: 7px;
}

.eru-sc__ticket-id {
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--tw-muted);
	letter-spacing: 0.01em;
}

.eru-sc__ticket-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-tw-admin .eru-sc__ticket-id {
	color: rgba(255, 255, 255, 0.4);
}

.eru-sc__ticket-sub {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
	color: var(--tw-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	flex: 1;
}

.eru-sc__ticket-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
}

.eru-sc__ticket-date {
	font-size: 11px;
	color: var(--tw-muted);
	white-space: nowrap;
	flex-shrink: 0;
}

.eru-sc__badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 500;
	color: var(--tw-muted);
	white-space: nowrap;
	flex-shrink: 0;
}
.eru-sc__badge::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	flex-shrink: 0;
}
.eru-sc__badge.is-closed { color: var(--tw-muted); }
.eru-sc__badge.is-open { color: var(--tw-amber); }
.eru-sc__badge.is-reply { color: var(--tw-green); }
.eru-sc__badge.is-new { color: #6cb6ff; }

.eru-sc__empty-list,
.eru-sc__empty-chat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 40px 24px;
	text-align: center;
	color: var(--tw-muted);
	font-size: 14px;
}
.eru-sc__empty-chat strong {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--tw-text);
	margin-bottom: 4px;
}

/* Chat pane */
.eru-sc__chat-head {
	flex-shrink: 0;
	padding: 18px 20px 14px;
	border-bottom: 1px solid var(--tw-line);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	position: relative;
	z-index: 4;
	overflow: visible;
}

.eru-sc__chat-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
}

.eru-sc__chat-meta-row .eru-sc__chat-meta {
	flex: 1;
	min-width: 0;
}

.eru-sc__chat-menu {
	position: relative;
	flex-shrink: 0;
	align-self: center;
	z-index: 5;
}
.eru-sc__chat-menu.is-open {
	z-index: 10070;
}
.eru-sc__chat-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	min-width: 0;
	padding: 2px 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	color: var(--tw-muted);
	cursor: pointer;
	line-height: 1;
}
.eru-sc__chat-menu-toggle:hover,
.eru-sc__chat-menu-toggle:focus,
.eru-sc__chat-menu-toggle:active {
	background: transparent !important;
	color: var(--tw-text);
	box-shadow: none;
	outline: none;
}
.eru-sc__chat-menu-toggle svg {
	width: 18px;
	height: 18px;
	display: block;
}
.eru-sc__chat-menu-panel {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	z-index: 10071;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: max-content;
	max-width: min(320px, calc(100vw - 16px));
	padding: 6px;
	border-radius: 12px;
	/* Match .eru-sc cards (portal mounts on body, so hardcode user palette) */
	background: #1c2430;
	border: 1px solid rgba(255, 255, 255, 0.07);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
}
html.eru-tw-admin .eru-sc__chat-menu-panel,
body.eru-tw-admin .eru-sc__chat-menu-panel {
	background: #0a0a0a;
	border-color: rgba(255, 255, 255, 0.08);
}

.eru-sc__chat-menu-panel--portal {
	position: fixed;
	z-index: 10072;
}
.eru-sc__chat-menu-item {
	display: flex;
	align-items: center;
	gap: 8px;
	width: auto;
	min-width: 100%;
	min-height: 36px;
	padding: 0 12px;
	white-space: nowrap;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #f2f5f8;
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
	box-sizing: border-box;
}
.eru-sc__chat-menu-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: currentColor;
	opacity: 0.9;
}
.eru-sc__chat-menu-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}
.eru-sc__chat-menu-item:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}
.eru-sc__chat-menu-item--danger {
	color: #ff8a96;
}
.eru-sc__chat-menu-item--danger:hover:not(:disabled) {
	background: rgba(240, 67, 86, 0.16);
	color: #ffb0b8;
}
.eru-sc__chat-menu-item:disabled {
	opacity: .45;
	cursor: wait;
}
.eru-sc__chat-menu-sep {
	height: 1px;
	margin: 4px 8px;
	background: rgba(255, 255, 255, 0.08);
}
.eru-sc__chat-closed {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 10px;
	background: var(--tw-card);
	color: var(--tw-muted);
	font-size: 13px;
	font-weight: 500;
}

.eru-sc__chat-title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--tw-text);
	line-height: 1.25;
}

.eru-sc__chat-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 14px;
	font-size: 13px;
	color: var(--tw-muted);
}

.eru-sc__chat-scroll {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.eru-sc__chat-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 18px 20px;
	padding-bottom: 12px;
	scrollbar-width: thin;
	scrollbar-color: rgba(127, 145, 164, .4) transparent;
}

.eru-sc__chat-history-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 0;
	padding: 4px 0 10px;
	color: var(--tw-muted);
	font-size: 12px;
	line-height: 1.3;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease, min-height 0.15s ease;
}

.eru-sc__chat-history-loader.is-loading,
.eru-sc__chat-history-loader:not(.is-loading):has(.eru-sc__chat-history-loader-hint) {
	opacity: 1;
	min-height: 28px;
}

.eru-sc__chat-history-loader-spin {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(127, 145, 164, 0.35);
	border-top-color: #3390ec;
	border-radius: 50%;
	animation: eru-sc-history-spin 0.65s linear infinite;
}

@keyframes eru-sc-history-spin {
	to {
		transform: rotate(360deg);
	}
}

.eru-sc__chat-history-loader-hint {
	opacity: 0.85;
}

.eru-sc__scroll-down {
	position: absolute;
	right: 18px;
	bottom: 16px;
	z-index: 5;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(36, 40, 48, 0.92);
	color: #fff;
	cursor: pointer;
	box-shadow:
		0 4px 16px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.eru-sc__scroll-down:hover,
.eru-sc__scroll-down:focus-visible {
	background: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.28);
	outline: none;
	box-shadow:
		0 6px 18px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.eru-sc__scroll-down:active {
	transform: scale(0.94);
}

.eru-sc__scroll-down-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #ff4d4f;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
}

.eru-sc__sys {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 4px 0 18px;
	color: var(--tw-muted);
	font-size: 12px;
	font-style: italic;
	line-height: 1.3;
	text-align: center;
}
.eru-sc__sys::before,
.eru-sc__sys::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(
		to right,
		transparent,
		var(--tw-line-strong, rgba(255, 255, 255, 0.14)),
		transparent
	);
	opacity: 0.85;
}
.eru-sc__sys span {
	white-space: nowrap;
	flex-shrink: 0;
}

.eru-sc__sys.eru-sc__day {
	margin: 10px 0 14px;
	font-style: normal;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.45);
}

.eru-sc__topic-card {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	text-align: left;
}

.eru-sc__topic-card-label {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.38);
	line-height: 1.2;
}

.eru-sc__topic-card-title {
	margin: 0;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.92);
	overflow-wrap: anywhere;
	word-break: break-word;
}

.eru-tw-admin .eru-sc__topic-card {
	background: rgba(255, 255, 255, 0.035);
	border-color: rgba(255, 255, 255, 0.07);
}

.eru-sc__loading {
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--tw-purple-soft);
	color: #a8adff;
	font-size: 14px;
}

/* Messages — layout matches admin chat (colors via theme / light-theme) */
.messages {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
}

/* New message enter (client + admin ticket chat) */
.eru-msg-anim-wrap {
	display: flex;
	flex-direction: column;
	width: auto;
	max-width: 100%;
	min-width: 0;
	align-self: flex-start;
}

.eru-msg-anim-wrap:has(> .eru-msg.is-user) {
	align-self: flex-end;
}

.eru-msg-anim-wrap.is-entering > .eru-msg.is-staff {
	animation: eru-msg-enter-incoming 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.eru-msg-anim-wrap.is-entering > .eru-msg.is-user {
	animation: eru-msg-enter-outgoing 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes eru-msg-enter-incoming {
	from {
		opacity: 0;
		transform: translate3d(-10px, 6px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes eru-msg-enter-outgoing {
	from {
		opacity: 0;
		transform: translate3d(10px, 6px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.eru-msg-anim-wrap.is-entering > .eru-msg.is-staff,
	.eru-msg-anim-wrap.is-entering > .eru-msg.is-user {
		animation: eru-msg-enter-reduced 0.2s ease-out both;
	}

	@keyframes eru-msg-enter-reduced {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
}

.eru-msg {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	width: fit-content;
	max-width: var(--tw-bubble-max);
	min-width: 0;
	box-sizing: border-box;
}
.eru-msg.is-staff {
	align-self: flex-start;
	align-items: flex-start;
	width: fit-content;
	max-width: var(--tw-bubble-max);
	min-width: 0;
}
.eru-msg.is-user {
	align-self: flex-end;
	align-items: flex-end;
	margin-left: auto;
	width: fit-content;
	max-width: var(--tw-bubble-max);
	min-width: 0;
}

.eru-msg__row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
}

.eru-msg__row--user {
	flex-direction: row-reverse;
}

.eru-msg__body {
	flex: 0 0 auto;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.eru-msg.is-user .eru-msg__body {
	align-items: flex-end;
	width: fit-content;
	max-width: var(--tw-bubble-cap);
	min-width: 0;
}

.eru-msg.is-user .eru-msg__row {
	margin-left: auto;
	max-width: 100%;
	gap: 0;
}

/* Outgoing: no invisible avatar spacer — it left a ~52px gutter on the right */
.eru-msg.is-user .eru-msg__avatar--spacer {
	display: none;
}

.eru-msg__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--tw-purple);
	color: #fff;
	flex-shrink: 0;
	overflow: hidden;
	margin-top: 2px;
	box-shadow: 0 0 0 3px var(--tw-purple-soft);
}
.eru-msg__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.eru-msg__avatar svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	display: block;
}

.eru-msg__head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 6px;
	min-width: 0;
}

.eru-msg__head--end {
	justify-content: flex-end;
}

.eru-msg__who {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
	max-width: 100%;
}

.eru-msg__who .eru-msg__role,
.eru-msg__who a.eru-msg__role {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 0 1 auto;
	max-width: 100%;
}

.eru-msg__who .eru-msg__time {
	flex-shrink: 0;
}

.eru-msg__role {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--tw-text);
	line-height: 1.2;
}

.eru-msg__time {
	font-size: 11px;
	font-weight: 400;
	color: var(--tw-muted);
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
}

.eru-msg__head-meta {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.eru-msg__status {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 1;
	vertical-align: middle;
}

.eru-msg__bubble-foot {
	position: absolute;
	right: 6px;
	bottom: 4px;
	display: inline-flex;
	align-items: flex-end;
	line-height: 1;
	pointer-events: none;
	z-index: 1;
}

.eru-msg__bubble.has-status {
	padding-bottom: 14px;
}

.eru-msg__bubble .eru-msg__status {
	color: var(--eru-chat-accent, #59aae9) !important;
}

.eru-msg__status.is-pending {
	color: var(--tw-muted);
	opacity: 0.85;
}

.eru-msg__status.is-failed {
	border: none;
	background: transparent;
	color: #ff6b6b;
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
	padding: 0 2px;
	cursor: pointer;
}

.eru-msg__status-icon--spin {
	animation: eru-msg-status-spin 0.9s linear infinite;
}

@keyframes eru-msg-status-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.eru-msg__status-icon--spin {
		animation: none;
	}
}

.eru-msg__status-icon {
	display: block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.eru-sc__chat-typing {
	font-size: 12px;
	font-weight: 500;
	color: var(--eru-chat-accent);
	white-space: nowrap;
}

.eru-sc__chat-presence.is-online {
	color: #4cd964;
}

.eru-sc__chat-presence.is-offline {
	color: var(--tw-muted);
}

.eru-sc__chat-presence.is-connecting {
	color: var(--tw-muted);
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-width: 0;
}

.eru-sc__chat-presence-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-sc__chat-dots {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	flex-shrink: 0;
	margin-left: 2px;
	height: 12px;
}

.eru-sc__chat-dots > span {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.28;
	animation: eru-sc-chat-dot 1.15s ease-in-out infinite;
}

.eru-sc__chat-dots > span:nth-child(2) {
	animation-delay: 0.16s;
}

.eru-sc__chat-dots > span:nth-child(3) {
	animation-delay: 0.32s;
}

@keyframes eru-sc-chat-dot {
	0%,
	55%,
	100% {
		opacity: 0.28;
		transform: translateY(0);
	}
	28% {
		opacity: 1;
		transform: translateY(-2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.eru-sc__chat-dots > span {
		animation: none;
		opacity: 0.65;
	}
}

/* Client ticket view — peer head (support avatar, presence) */
body:not(.eru-tw-admin) .eru-sc__chat-head--peer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	box-sizing: border-box;
}

body:not(.eru-tw-admin) .eru-sc__chat-peer {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	flex: 1 1 auto;
}

body:not(.eru-tw-admin) .eru-sc__chat-avatar-wrap {
	position: relative;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
}

body:not(.eru-tw-admin) .eru-sc__chat-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #1a1a1a;
	color: #f2f2f2;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}

body:not(.eru-tw-admin) .eru-sc__chat-avatar--support {
	background: var(--tw-purple, #6b5ce7);
	color: #fff;
	box-shadow: 0 0 0 3px var(--tw-purple-soft, rgba(107, 92, 231, 0.22));
}

body:not(.eru-tw-admin) .eru-sc__chat-avatar--support svg {
	width: 18px;
	height: 18px;
	display: block;
}

body:not(.eru-tw-admin) .eru-sc__chat-online-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3dae7d;
	border: 2px solid var(--tw-card, #111);
	box-sizing: border-box;
	opacity: 0;
	transform: scale(0.6);
	pointer-events: none;
	transition: opacity 0.18s ease, transform 0.18s ease;
	box-shadow: 0 0 0 1px rgba(61, 174, 125, 0.25);
}

body:not(.eru-tw-admin) .eru-sc__chat-avatar-wrap.is-online .eru-sc__chat-online-dot {
	opacity: 1;
	transform: scale(1);
}

body:not(.eru-tw-admin) .eru-sc__chat-peer-text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

body:not(.eru-tw-admin) .eru-sc__chat-head--peer .eru-sc__chat-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:not(.eru-tw-admin) .eru-sc__chat-head--peer .eru-sc__chat-presence {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:not(.eru-tw-admin) .eru-sc__chat-head-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 46%;
	margin-left: auto;
	overflow: hidden;
}

body:not(.eru-tw-admin) .eru-sc__chat-head-meta .eru-sc__badge,
.eru-tw-admin .eru-sc__chat-head-meta .eru-sc__badge {
	font-size: 11px;
	font-weight: 500;
}

body:not(.eru-tw-admin) .eru-sc__chat-head--peer .eru-sc__chat-menu {
	flex-shrink: 0;
}

.eru-msg__bubble {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 14px 16px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.55;
	color: #fff;
	overflow-wrap: break-word;
	word-break: normal;
	width: max-content;
	max-width: var(--tw-bubble-cap);
	min-width: 0;
	box-sizing: border-box;
}

.eru-msg__bubble-text {
	overflow-wrap: break-word;
	word-break: normal;
	max-width: 100%;
}

.eru-msg__bubble.is-emoji-only {
	font-size: 28px;
	line-height: 1.15;
}

.eru-msg.is-user .eru-msg__bubble {
	display: inline-block;
	width: max-content;
	max-width: var(--tw-bubble-cap);
	min-width: 0;
	text-align: start;
	background: var(--tw-bubble-user, #eef2f7);
	color: var(--tw-bubble-user-fg, #15202b);
	border-bottom-right-radius: 4px;
	align-self: flex-end;
	overflow-wrap: break-word;
}

.eru-msg.is-user .eru-msg__bubble-text,
.eru-msg.is-user .eru-msg__bubble > div:not(.eru-msg__bubble-foot):not(.eru-msg__bubble-media) {
	width: auto;
	max-width: 100%;
	text-align: start;
	overflow-wrap: break-word;
	word-break: normal;
}

.eru-msg.is-user .eru-msg__bubble.has-status {
	padding-right: 16px;
	padding-left: 16px;
}

.eru-msg.is-user .eru-msg__bubble.is-media-only,
.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media),
.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
	display: block;
	width: max-content;
	max-width: min(280px, 72vw);
	min-width: 0;
	margin-left: auto;
	align-self: flex-end;
}

.eru-msg.is-user .eru-msg__bubble.is-media-only.has-status,
.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media).has-status,
.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child).has-status,
.eru-msg.is-user .eru-msg__bubble:has(> img:only-child).has-status {
	padding: 0;
}
.eru-msg.is-staff .eru-msg__bubble {
	background: var(--tw-bubble-staff, #262f3c);
	color: rgba(255, 255, 255, .92);
	border-radius: 12px;
	align-self: flex-start;
}
.eru-msg__bubble a {
	color: inherit;
	text-decoration: underline;
	opacity: 0.9;
}
.eru-msg__bubble a.eru-file-attach {
	text-decoration: none !important;
	opacity: 1;
	color: #a8a8a8 !important;
}
.eru-msg.is-user .eru-msg__bubble a {
	color: #1a3a6b;
}
.eru-msg.is-staff .eru-msg__bubble a {
	color: #b8c7dc;
}
.eru-msg__bubble code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.92em;
	padding: 0.1em 0.35em;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.08);
}
.eru-msg.is-staff .eru-msg__bubble code {
	background: rgba(255, 255, 255, 0.1);
}
.eru-msg__bubble pre {
	margin: 6px 0 0;
	padding: 8px 10px;
	border-radius: 8px;
	overflow-x: auto;
	background: rgba(0, 0, 0, 0.08);
	white-space: pre-wrap;
	word-break: break-word;
}
.eru-msg.is-staff .eru-msg__bubble pre {
	background: rgba(255, 255, 255, 0.08);
}
.eru-msg__bubble pre code {
	padding: 0;
	background: transparent;
}
.eru-msg__bubble blockquote {
	margin: 4px 0;
	padding: 2px 0 2px 10px;
	border-left: 3px solid rgba(100, 130, 180, 0.55);
	opacity: 0.95;
}
.eru-msg__bubble .tg-spoiler {
	border-radius: 4px;
	background: rgba(120, 130, 150, 0.55);
	color: transparent;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
	cursor: pointer;
	transition: color 0.15s ease, background 0.15s ease, text-shadow 0.15s ease;
	-webkit-user-select: none;
	user-select: none;
}
.eru-msg.is-user .eru-msg__bubble .tg-spoiler {
	background: rgba(90, 110, 140, 0.35);
}
.eru-msg__bubble .tg-spoiler.is-revealed {
	color: inherit;
	background: rgba(120, 130, 150, 0.18);
	text-shadow: none;
	-webkit-user-select: text;
	user-select: text;
}
.eru-msg__bubble img {
	max-width: 100%;
	border-radius: 8px;
	margin-top: 4px;
}

/* Photo-only message — rounded thumb */
.eru-msg__bubble.is-media-only,
.eru-msg__bubble:has(> .eru-msg__bubble-media) {
	position: relative;
	padding: 0;
	overflow: hidden;
	display: block;
	width: max-content;
	max-width: min(240px, 100%);
	min-width: 0;
	border-radius: 14px;
	cursor: zoom-in;
	background: transparent;
}

.eru-msg__bubble.is-media-only.has-status,
.eru-msg__bubble:has(> .eru-msg__bubble-media).has-status {
	padding-right: 0;
	padding-bottom: 0;
}

.eru-msg__bubble.is-media-only .eru-msg__bubble-media,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-media,
.eru-msg__bubble.is-media-only .eru-msg__bubble-media a,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-media a {
	display: block;
	width: max-content;
	max-width: 100%;
	line-height: 0;
	border-radius: inherit;
	overflow: hidden;
}

.eru-msg__bubble.is-media-only .eru-msg__bubble-media a,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-media a {
	text-decoration: none !important;
	color: inherit;
}

.eru-msg__bubble.is-media-only img,
.eru-msg__bubble:has(> .eru-msg__bubble-media) img {
	display: block;
	width: auto;
	max-width: min(240px, 100%);
	max-height: 240px;
	height: auto !important;
	margin: 0;
	border-radius: 14px;
	object-fit: cover;
	object-position: center;
	content-visibility: visible;
	contain-intrinsic-size: unset;
}

.eru-msg__bubble.is-media-only .eru-msg__bubble-foot,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-foot {
	position: absolute;
	right: 8px;
	bottom: 8px;
	gap: 4px;
	align-items: center;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.48);
	filter: none;
	pointer-events: none;
	z-index: 2;
}

.eru-msg__bubble-meta-time {
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

.eru-msg__bubble.is-media-only .eru-msg__status,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__status,
.eru-msg__bubble.is-media-only .eru-msg__bubble-meta .eru-msg__status-icon,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-meta .eru-msg__status-icon {
	color: #fff !important;
}

.eru-msg__bubble.is-media-only .eru-msg__status.is-failed,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__status.is-failed {
	color: #ff8e8e !important;
	pointer-events: auto;
}

.eru-msg__bubble.is-media-only .eru-msg__status-icon,
.eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__status-icon {
	width: 14px;
	height: 14px;
}

/* Square media preview — fill the bubble (mobile default) */
.eru-msg__bubble:has(> a:only-child > img:only-child),
.eru-msg__bubble:has(> img:only-child) {
	padding: 0;
	overflow: hidden;
	width: min(240px, 72vw);
	max-width: 100%;
	min-width: 0;
	aspect-ratio: 1 / 1;
	border-radius: 14px;
	cursor: zoom-in;
	background: transparent;
}
.eru-msg__bubble > a:only-child:has(> img:only-child) {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
	color: inherit;
	border-radius: inherit;
	overflow: hidden;
}
.eru-msg__bubble > a:only-child > img:only-child,
.eru-msg__bubble > img:only-child {
	display: block;
	width: 100%;
	height: 100% !important;
	max-width: none;
	max-height: none;
	margin: 0;
	border-radius: 14px;
	object-fit: cover;
	object-position: center;
}

/* Inline image next to text — still square thumb on mobile */
.eru-msg__bubble a:has(> img):not(:only-child),
.eru-msg__bubble > img:not(:only-child) {
	display: inline-block;
	width: min(200px, 100%);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
	margin-top: 8px;
	vertical-align: top;
	text-decoration: none !important;
}
.eru-msg__bubble a:has(> img):not(:only-child) img,
.eru-msg__bubble > img:not(:only-child) {
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	margin: 0;
	border-radius: 0;
	cursor: zoom-in;
}

/* Desktop: outgoing media up to bubble cap */
@media (min-width: 768px) {
	.eru-msg.is-user .eru-msg__bubble.is-media-only,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media),
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
		align-self: flex-end;
		margin-left: auto;
		max-width: var(--tw-bubble-cap);
	}

	.eru-msg.is-user .eru-msg__bubble.is-media-only img,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media) img,
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child) img,
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) img {
		max-width: var(--tw-bubble-cap);
		max-height: min(480px, 70vh);
	}

	.eru-msg__bubble.is-media-only,
	.eru-msg__bubble:has(> .eru-msg__bubble-media) {
		width: max-content;
		max-width: var(--tw-bubble-cap);
		border-radius: 14px;
	}

	.eru-msg__bubble.is-media-only img,
	.eru-msg__bubble:has(> .eru-msg__bubble-media) img {
		width: auto;
		max-width: var(--tw-bubble-cap);
		max-height: min(480px, 70vh);
		height: auto !important;
		object-fit: cover;
		border-radius: 14px;
	}

	.eru-msg__bubble:not(.is-media-only):has(> a:only-child > img:only-child),
	.eru-msg__bubble:not(.is-media-only):has(> img:only-child) {
		width: max-content;
		max-width: var(--tw-bubble-cap);
		aspect-ratio: auto;
		border-radius: 14px;
		background: transparent;
	}
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
		background: transparent;
	}
	.eru-msg__bubble > a:only-child:has(> img:only-child) {
		width: max-content;
		height: auto;
		max-width: 100%;
	}
	.eru-msg__bubble > a:only-child > img:only-child,
	.eru-msg__bubble > img:only-child {
		width: auto;
		height: auto !important;
		max-width: var(--tw-bubble-cap);
		max-height: min(480px, 70vh);
		object-fit: contain;
		object-position: center;
		border-radius: 14px;
	}

	.eru-msg__bubble a:has(> img):not(:only-child),
	.eru-msg__bubble > img:not(:only-child) {
		width: auto;
		max-width: min(360px, 100%);
		aspect-ratio: auto;
		overflow: hidden;
		border-radius: 12px;
	}
	.eru-msg__bubble a:has(> img):not(:only-child) img,
	.eru-msg__bubble > img:not(:only-child) {
		width: auto;
		height: auto !important;
		max-width: min(360px, 100%);
		max-height: 320px;
		object-fit: contain;
		border-radius: 12px;
	}

	.eru-tw-admin .eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
	.eru-tw-admin .eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
		background: transparent;
	}
}

/* Full-screen ticket photo viewer */
.eru-photo-lb {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	padding-top: max(12px, env(safe-area-inset-top, 0px));
	padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
	background: transparent;
	opacity: 0;
	transition: opacity .16s ease;
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
	cursor: zoom-out;
	isolation: isolate;
}
.eru-photo-lb.is-entered {
	opacity: 1;
}
.eru-photo-lb.is-closing {
	pointer-events: none;
}
.eru-photo-lb__dim {
	position: absolute;
	inset: 0;
	background: #000;
	opacity: 0.88;
	pointer-events: none;
	z-index: 0;
	transition: opacity .16s ease;
	/* Promote to own layer so opacity changes stay on compositor */
	transform: translateZ(0);
	will-change: opacity;
}
.eru-photo-lb.is-dragging .eru-photo-lb__dim,
.eru-photo-lb.is-closing .eru-photo-lb__dim {
	transition: none;
}
.eru-photo-lb.is-closing .eru-photo-lb__dim {
	transition: opacity .16s ease;
}
.eru-photo-lb__actions {
	position: absolute;
	top: max(12px, env(safe-area-inset-top, 0px));
	right: max(12px, env(safe-area-inset-right, 0px));
	display: flex;
	align-items: center;
	gap: 8px;
	z-index: 2;
}
.eru-photo-lb__btn {
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.eru-photo-lb__btn:hover,
.eru-photo-lb__btn:focus-visible {
	background: rgba(255, 255, 255, 0.22);
	outline: none;
}
.eru-photo-lb__btn:active {
	transform: scale(0.94);
}
.eru-photo-lb__stage {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	max-height: 100%;
	transform: translate3d(0, 0, 0);
	transition: transform .2s cubic-bezier(.22, 1, .36, 1);
	cursor: grab;
	touch-action: none;
	-webkit-user-drag: none;
}
.eru-photo-lb.is-dragging .eru-photo-lb__stage {
	transition: none;
	cursor: grabbing;
	will-change: transform;
}
.eru-photo-lb.is-closing .eru-photo-lb__stage {
	transition: transform .18s cubic-bezier(.4, 0, .2, 1);
}
.eru-photo-lb__img {
	display: block;
	max-width: min(96vw, 100%);
	max-height: min(92vh, 100%);
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
	pointer-events: none;
	-webkit-user-drag: none;
	/* Own layer; avoid re-rasterizing on parent transform */
	transform: translateZ(0);
	backface-visibility: hidden;
}
.eru-photo-lb.is-dragging .eru-photo-lb__img {
	box-shadow: none;
}
@media (min-width: 768px) {
	.eru-photo-lb {
		padding: 16px;
		padding-top: max(16px, env(safe-area-inset-top, 0px));
		padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
	}
	.eru-photo-lb__img {
		max-width: min(94vw, 1600px);
		max-height: min(92vh, 100%);
		border-radius: 10px;
	}
}
.eru-photo-lb.is-entered:not(.is-dragging):not(.is-closing) .eru-photo-lb__img {
	animation: eru-photo-lb-zoom .16s ease-out;
}
@keyframes eru-photo-lb-zoom {
	from { opacity: 0.7; transform: translateZ(0) scale(0.985); }
	to { opacity: 1; transform: translateZ(0) scale(1); }
}

.eru-msg__meta {
	margin-top: 6px;
	font-size: 12px;
	color: var(--tw-muted);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.15s ease, visibility 0.15s ease;
}
.eru-msg:hover .eru-msg__meta,
.eru-msg:focus-within .eru-msg__meta {
	opacity: 1;
	visibility: visible;
}
@media (hover: none) {
	.eru-msg__meta {
		opacity: 1;
		visibility: visible;
	}
}

.eru-msg.is-user .eru-msg__meta {
	text-align: right;
	padding-right: 2px;
}
.eru-msg.is-staff .eru-msg__meta {
	padding-left: 2px;
}

.eru-sc__composer {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border-top: 0;
	background: transparent;
}

.eru-sc__closed {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px 20px 18px;
	color: var(--tw-muted);
	font-size: 12px;
	font-style: italic;
	line-height: 1.3;
	text-align: center;
}
.eru-sc__closed::before,
.eru-sc__closed::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(
		to right,
		transparent,
		var(--tw-line-strong, rgba(255, 255, 255, 0.14)),
		transparent
	);
	opacity: 0.85;
}
.eru-sc__closed span {
	white-space: nowrap;
	flex-shrink: 0;
}

.eru-sc__composer-box {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
	min-height: 52px;
	padding: 8px 12px 8px 16px;
	border-radius: 0 0 14px 14px;
	background: var(--tw-card);
	border: 0;
	border-top: 1px solid var(--tw-line);
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	position: relative;
}
.eru-sc__composer-box.is-long {
	padding-top: 30px;
}
.eru-sc__composer-expand {
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 3;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(200, 212, 224, 0.95);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.eru-sc__composer-expand:hover,
.eru-sc__composer-expand:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}
.eru-sc__composer-expand svg {
	width: 16px;
	height: 16px;
	display: block;
}



.eru-composer-expand {
	position: fixed;
	inset: 0;
	z-index: 10045;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	background: rgba(0, 0, 0, 0.52);
}
.eru-composer-expand__panel {
	/* Telegram-like compose dialog, taller for long messages */
	width: min(560px, calc(100vw - 32px));
	height: min(560px, calc(100dvh - 48px));
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: visible;
	background: #212d3b;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.eru-composer-expand__topbar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
	padding: 6px 8px 6px 6px;
	height: 46px;
	box-sizing: border-box;
	background: #212d3b;
	border-bottom: 0;
	flex-shrink: 0;
	z-index: 2;
	border-radius: 12px 12px 0 0;
}
.eru-composer-expand__sep {
	width: 1px;
	height: 18px;
	margin: 0 4px 0 2px;
	background: rgba(255, 255, 255, 0.12);
	flex-shrink: 0;
}
.eru-composer-expand__tool-wrap {
	position: relative;
	display: inline-flex;
}
.eru-composer-expand__emoji-wrap {
	margin-left: 2px;
}
.eru-composer-expand__tool {
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.78);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font: inherit;
	flex-shrink: 0;
}
.eru-composer-expand__tool:hover,
.eru-composer-expand__tool:focus-visible,
.eru-composer-expand__tool.is-active {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
	outline: none;
}
.eru-composer-expand__tool:disabled {
	opacity: 0.35;
	pointer-events: none;
}
.eru-composer-expand__tool svg {
	width: 22px;
	height: 22px;
	display: block;
}
.eru-composer-expand__aa {
	font-size: 14px;
	font-weight: 650;
	letter-spacing: -0.03em;
	line-height: 1;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.eru-composer-expand__b {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.eru-composer-expand__winbtn {
	width: 34px;
	height: 34px;
	margin-left: auto;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.55);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
}
.eru-composer-expand__winbtn:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}
.eru-composer-expand__winbtn svg {
	width: 18px;
	height: 18px;
}

.eru-composer-expand__menu {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 5;
	min-width: 248px;
	padding: 6px;
	border-radius: 12px;
	background: #2b3847;
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}
.eru-composer-expand__menu--emoji {
	right: 0;
	left: auto;
	min-width: 0;
	padding: 8px;
}
.eru-composer-expand__menu-row {
	position: relative;
}
.eru-composer-expand__menu-row.is-active > .eru-composer-expand__menu-item,
.eru-composer-expand__menu-row:hover > .eru-composer-expand__menu-item {
	background: rgba(90, 155, 230, 0.28);
}
.eru-composer-expand__submenu {
	position: absolute;
	top: -6px;
	left: calc(100% + 4px);
	z-index: 6;
	min-width: 220px;
	padding: 6px;
	border-radius: 12px;
	background: #2b3847;
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}
.eru-composer-expand__menu-item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #e8eef5;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	text-align: left;
}
.eru-composer-expand__submenu .eru-composer-expand__menu-item:hover,
.eru-composer-expand__submenu .eru-composer-expand__menu-item:focus-visible {
	background: rgba(90, 155, 230, 0.28);
	outline: none;
}
.eru-composer-expand__menu-ico {
	width: 22px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: rgba(210, 220, 232, 0.95);
}
.eru-composer-expand__menu-ico svg { width: 18px; height: 18px; }
.eru-composer-expand__menu-ico .is-bold { font-weight: 800; }
.eru-composer-expand__menu-ico .is-italic { font-style: italic; font-family: Georgia, serif; }
.eru-composer-expand__menu-ico .is-underline { text-decoration: underline; }
.eru-composer-expand__menu-ico .is-strike { text-decoration: line-through; }
.eru-composer-expand__menu-ico .is-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
}
.eru-composer-expand__menu-ico .is-h {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 700;
}
.eru-composer-expand__menu-ico .is-hn {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.eru-composer-expand__menu-ico .is-hn sub {
	font-size: 0.65em;
	bottom: -0.05em;
}
.eru-composer-expand__menu-ico .is-t {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 700;
}
.eru-composer-expand__menu-ico .is-q {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1;
}
.eru-composer-expand__menu-ico .is-small { font-size: 11px; }
.eru-composer-expand__menu-ico .is-sub { font-size: 13px; }
.eru-composer-expand__menu-ico .is-sup { font-size: 13px; }
.eru-composer-expand__menu-label { flex: 1; min-width: 0; }
.eru-composer-expand__menu-key {
	flex-shrink: 0;
	font-size: 12px;
	color: rgba(150, 168, 188, 0.9);
}
.eru-composer-expand__menu-chev {
	display: inline-flex;
	color: rgba(150, 168, 188, 0.9);
}
.eru-composer-expand__menu-chev svg { width: 14px; height: 14px; }
.eru-composer-expand__emoji-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
}
.eru-composer-expand__emoji-btn {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
}
.eru-composer-expand__emoji-btn:hover {
	background: rgba(255, 255, 255, 0.08);
}

.eru-composer-expand__editor {
	flex: 1;
	min-height: 0;
	overflow: auto;
	padding: 4px 18px 8px;
	background: #212d3b;
	color: #f5f7fa;
	font: inherit;
	font-size: 15px;
	line-height: 1.45;
	outline: none;
	word-break: break-word;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}
.eru-composer-expand__editor div,
.eru-composer-expand__editor p {
	display: block;
	white-space: pre-wrap;
}
.eru-composer-expand__editor:empty:before {
	content: attr(data-placeholder);
	color: rgba(150, 165, 180, 0.85);
	pointer-events: none;
}
.eru-composer-expand__editor h1,
.eru-composer-expand__editor h2,
.eru-composer-expand__editor h3,
.eru-composer-expand__editor h4,
.eru-composer-expand__editor h5,
.eru-composer-expand__editor h6 {
	margin: 0 0 0.35em;
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff !important;
}
.eru-composer-expand__editor h1 { font-size: 1.75em; }
.eru-composer-expand__editor h2 { font-size: 1.45em; }
.eru-composer-expand__editor h3 { font-size: 1.25em; }
.eru-composer-expand__editor h4 { font-size: 1.1em; }
.eru-composer-expand__editor h5 { font-size: 1em; }
.eru-composer-expand__editor h6 { font-size: 0.92em; opacity: 0.95; }
.eru-composer-expand__editor p { margin: 0 0 0.25em; }
.eru-composer-expand__editor blockquote {
	margin: 0.35em 0;
	padding: 2px 0 2px 12px;
	border-left: 3px solid rgba(90, 160, 230, 0.75);
	color: rgba(230, 236, 244, 0.92);
}
.eru-composer-expand__editor blockquote.is-pull {
	border-left-width: 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.06);
	font-size: 1.05em;
}
.eru-composer-expand__editor code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.92em;
	padding: 0.1em 0.35em;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.08);
}
.eru-composer-expand__editor pre {
	margin: 0.45em 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	overflow-x: auto;
}
.eru-composer-expand__editor ul,
.eru-composer-expand__editor ol {
	margin: 0.3em 0;
	padding-left: 1.35em;
}
.eru-composer-expand__editor table {
	width: 100%;
	border-collapse: collapse;
	margin: 0.45em 0;
	font-size: 0.95em;
}
.eru-composer-expand__editor th,
.eru-composer-expand__editor td {
	border: 1px solid rgba(255, 255, 255, 0.14);
	padding: 7px 9px;
	text-align: left;
}
.eru-composer-expand__editor th {
	background: rgba(255, 255, 255, 0.06);
	font-weight: 600;
}
.eru-composer-expand__editor hr {
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	margin: 10px 0;
}
.eru-composer-expand__editor mark {
	background: rgba(255, 214, 80, 0.45);
	color: inherit;
	border-radius: 2px;
	padding: 0 0.1em;
}
.eru-composer-expand__editor .tg-small {
	font-size: 0.85em;
	opacity: 0.92;
}
.eru-composer-expand__editor .tg-spoiler {
	border-radius: 4px;
	background: rgba(120, 130, 150, 0.55);
	color: transparent;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
	cursor: pointer;
}
.eru-composer-expand__editor .tg-spoiler.is-revealed,
.eru-composer-expand__editor .tg-spoiler:focus {
	color: inherit;
	background: rgba(120, 130, 150, 0.18);
	text-shadow: none;
}
.eru-composer-expand__editor a { color: #6cb6ff; }

.eru-composer-expand__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 8px 12px 12px;
	background: #212d3b;
	flex-shrink: 0;
	border-radius: 0 0 12px 12px;
}
.eru-composer-expand__trash {
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.eru-composer-expand__trash:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}
.eru-composer-expand__trash svg { width: 22px; height: 22px; }
.eru-composer-expand__send {
	width: 46px;
	height: 46px;
	border: 0;
	border-radius: 50%;
	background: #3390ec;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.eru-composer-expand__send:hover:not(:disabled) { background: #40a0ff; }
.eru-composer-expand__send:disabled { opacity: 0.4; cursor: default; }
.eru-composer-expand__send svg {
	width: 20px;
	height: 20px;
	display: block;
	margin-left: 2px;
	margin-top: -1px;
	fill: none;
	stroke: currentColor;
}

.eru-msg__bubble table {
	width: 100%;
	border-collapse: collapse;
	margin: 6px 0;
	font-size: 0.95em;
}
.eru-msg__bubble th,
.eru-msg__bubble td {
	border: 1px solid rgba(127, 145, 164, 0.35);
	padding: 6px 8px;
}
.eru-msg__bubble mark {
	background: rgba(255, 214, 80, 0.45);
	border-radius: 2px;
}
.eru-msg__bubble .tg-small { font-size: 0.85em; }
.eru-msg__bubble h1,
.eru-msg__bubble h2,
.eru-msg__bubble h3,
.eru-msg__bubble h4,
.eru-msg__bubble h5,
.eru-msg__bubble h6 {
	margin: 0 0 0.3em;
	font-weight: 700;
	line-height: 1.25;
	color: inherit;
}
.eru-msg.is-staff .eru-msg__bubble h1,
.eru-msg.is-staff .eru-msg__bubble h2,
.eru-msg.is-staff .eru-msg__bubble h3,
.eru-msg.is-staff .eru-msg__bubble h4,
.eru-msg.is-staff .eru-msg__bubble h5,
.eru-msg.is-staff .eru-msg__bubble h6 {
	color: #ffffff !important;
}
.eru-msg.is-user .eru-msg__bubble h1,
.eru-msg.is-user .eru-msg__bubble h2,
.eru-msg.is-user .eru-msg__bubble h3,
.eru-msg.is-user .eru-msg__bubble h4,
.eru-msg.is-user .eru-msg__bubble h5,
.eru-msg.is-user .eru-msg__bubble h6 {
	color: var(--tw-bubble-user-fg, #15202b) !important;
}
.eru-msg__bubble h1 { font-size: 1.45em; }
.eru-msg__bubble h2 { font-size: 1.25em; }
.eru-msg__bubble h3 { font-size: 1.12em; }
.eru-msg__bubble h4 { font-size: 1.05em; }
.eru-msg__bubble h5 { font-size: 1em; }
.eru-msg__bubble h6 { font-size: 0.92em; }
.eru-msg__bubble blockquote.is-pull {
	border-left: 0;
	padding: 8px 10px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.06);
}
.eru-msg.is-staff .eru-msg__bubble blockquote.is-pull {
	background: rgba(255, 255, 255, 0.08);
}

.eru-sc__composer-box:focus-within {
	background: var(--tw-card);
	border-top-color: var(--tw-line-strong, var(--tw-line));
	box-shadow: none;
	outline: none;
}

.eru-sc__composer-input {
	flex: 1;
	display: block;
	min-width: 0;
	width: 100%;
	min-height: 36px;
	max-height: 120px;
	height: auto;
	padding: 8px 0;
	border: 0;
	resize: none;
	overflow-y: auto;
	background: transparent;
	color: var(--tw-text);
	font-size: 14px;
	font-family: inherit;
	line-height: 1.4;
	outline: none;
	field-sizing: fixed;
}
.eru-sc__composer-input::placeholder {
	color: rgba(127, 145, 164, 0.85);
}
.eru-sc__composer-input:disabled { opacity: .5; }

.eru-sc__composer-lead {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: center;
}

.eru-sc__composer-tools {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	padding-bottom: 2px;
}

.eru-sc__composer-emoji-wrap {
	position: relative;
}

.eru-sc__composer-emoji-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: rgba(168, 180, 196, 0.9);
	cursor: pointer;
	padding: 0;
	box-shadow: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

body:not(.eru-tw-admin) .eru-sc__composer-emoji-btn,
body:not(.eru-tw-admin) .eru-sc__composer-emoji-btn:hover,
body:not(.eru-tw-admin) .eru-sc__composer-emoji-btn:focus,
body:not(.eru-tw-admin) .eru-sc__composer-emoji-btn:active,
body:not(.eru-tw-admin) .eru-sc__composer-emoji-btn.is-open {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: rgba(168, 180, 196, 0.9) !important;
}

.eru-sc__composer-emoji-btn:disabled {
	opacity: 0.45;
	cursor: default;
}

.eru-sc__composer-emoji-panel {
	position: fixed;
	z-index: 10050;
	width: 300px;
}

/* Emoji picker — same surface as «Прикрепить фото» modal */
.eru-sc__composer-emoji-panel .eru-emoji-picker {
	background: #111;
	color: #f2f2f2;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__search {
	border-color: rgba(255, 255, 255, 0.12);
	background: #0c0c0c;
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__search:focus-within {
	border-color: rgba(255, 255, 255, 0.28);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__search-icon {
	color: rgba(255, 255, 255, 0.45);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__search-input {
	color: #f2f2f2;
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__search-input::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__tabs {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__tab {
	color: rgba(255, 255, 255, 0.45);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__tab.is-active {
	border-bottom-color: var(--eru-chat-accent, #59aae9);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__body {
	scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__body::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.18);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__section-title,
.eru-sc__composer-emoji-panel .eru-emoji-picker__empty {
	color: rgba(255, 255, 255, 0.45);
}

.eru-sc__composer-emoji-panel .eru-emoji-picker__emoji:hover {
	background: rgba(255, 255, 255, 0.06);
}

.eru-sc__tool {
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: rgba(168, 180, 196, 0.9);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color 0.15s ease, background 0.15s ease;
}
.eru-sc__composer-lead .eru-sc__tool:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

body:not(.eru-tw-admin) .eru-sc__composer-lead .eru-sc__tool,
body:not(.eru-tw-admin) .eru-sc__composer-lead .eru-sc__tool:hover,
body:not(.eru-tw-admin) .eru-sc__composer-lead .eru-sc__tool:focus,
body:not(.eru-tw-admin) .eru-sc__composer-lead .eru-sc__tool:active {
	background: transparent !important;
	color: rgba(168, 180, 196, 0.9) !important;
}

body:not(.eru-tw-admin) .eru-sc__composer-attach-item:hover:not(:disabled) {
	background: transparent;
	color: #f2f2f2;
}
.eru-sc__composer-tools .eru-sc__tool,
.eru-sc__composer-tools .eru-sc__tool:hover,
.eru-sc__composer-tools .eru-sc__tool:focus-visible {
	color: rgba(168, 180, 196, 0.9);
	background: transparent;
}
.eru-sc__tool--send {
	background: transparent;
	color: rgba(168, 180, 196, 0.9);
}

body:not(.eru-tw-admin) .eru-sc__tool--send,
body:not(.eru-tw-admin) .eru-sc__tool--send:hover,
body:not(.eru-tw-admin) .eru-sc__tool--send:focus,
body:not(.eru-tw-admin) .eru-sc__tool--send:focus-visible,
body:not(.eru-tw-admin) .eru-sc__tool--send:active {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	color: rgba(168, 180, 196, 0.9) !important;
}

body:not(.eru-tw-admin) .eru-sc__tool--send:hover:not(:disabled),
body:not(.eru-tw-admin) .eru-sc__tool--send:focus-visible:not(:disabled) {
	color: #fff !important;
}

.eru-sc__tool:disabled { opacity: .4; pointer-events: none; }
.eru-sc__tool svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
.eru-sc__composer-lead .eru-sc__tool svg {
	width: 22px;
	height: 22px;
}
.eru-sc__tool--send svg {
	width: 22px;
	height: 22px;
	margin: 0;
	fill: none;
	stroke: currentColor;
}

.eru-sc__composer-extra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
}

.eru-sc__check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 12px;
	color: var(--tw-muted);
	cursor: pointer;
	user-select: none;
}
.eru-sc__check input {
	width: 14px;
	height: 14px;
	accent-color: var(--tw-purple);
}

/* Create / FAQ reuse */
.eru-sc-grid {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 12px;
	align-items: start;
}
.eru-sc-aside,
.eru-sc-panel {
	background: var(--tw-card);
	border-radius: 14px;
	padding: 20px;
}
.eru-sc-aside__title {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--tw-text);
}
.eru-sc-aside__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.eru-sc-aside__list li {
	position: relative;
	padding-left: 14px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--tw-muted);
}
.eru-sc-aside__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--tw-purple);
}

.eru-sc-field { margin-bottom: 16px; }
.eru-sc-field__label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted);
}
.eru-sc-field__input,
.eru-sc-field__select,
.eru-sc-field__textarea {
	width: 100%;
	height: 44px;
	padding: 0 14px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,.08);
	background: var(--tw-surface);
	color: var(--tw-text);
	font-size: 14px;
	outline: none;
}
.eru-sc-field__textarea {
	height: auto;
	min-height: 140px;
	padding: 12px 14px;
	resize: vertical;
}
.eru-sc-field__input:focus,
.eru-sc-field__select:focus,
.eru-sc-field__textarea:focus {
	border-color: var(--tw-purple);
	box-shadow: 0 0 0 3px rgba(113, 119, 248, .18);
}
.eru-sc-field__select {
	color-scheme: dark;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%237f91a4%27 d=%27M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z%27/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}
.eru-sc-field__select option { background: #1b2530; color: #fff; }

.eru-sc-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--tw-line);
}

.eru-faq { display: flex; flex-direction: column; gap: 8px; }
.eru-faq__item {
	border-radius: 12px;
	background: var(--tw-card);
	overflow: hidden;
}
.eru-faq__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
	border: 0;
	background: transparent;
	color: var(--tw-text);
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}
.eru-faq__q:hover { background: rgba(255,255,255,.02); }
.eru-faq__chev {
	width: 16px;
	height: 16px;
	color: var(--tw-muted);
	transition: transform .2s ease;
	flex-shrink: 0;
}
.eru-faq__chev svg { width: 100%; height: 100%; fill: currentColor; }
.eru-faq__item.is-open .eru-faq__chev {
	transform: rotate(180deg);
	color: #a8adff;
}
.eru-faq__a {
	display: none;
	padding: 0 18px 16px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--tw-muted);
}
.eru-faq__item.is-open .eru-faq__a { display: block; }
.eru-faq__a p { margin: 0 0 10px; }
.eru-faq__a p:last-child { margin-bottom: 0; }
.eru-faq__a code {
	padding: 1px 6px;
	border-radius: 6px;
	background: var(--tw-surface);
	color: #a8adff;
	font-size: 13px;
}

.eru-ticket-modal .modal-content,
.eru-ticket-modal .eru-modal {
	background: #111;
	color: #f2f2f2;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
}
.eru-ticket-modal .modal-header,
.eru-ticket-modal .eru-modal__header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 16px 18px;
}
.eru-ticket-modal .modal-title,
.eru-ticket-modal .eru-modal__title {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.eru-ticket-modal .modal-body,
.eru-ticket-modal .eru-modal__body {
	padding: 18px;
}
.eru-ticket-modal .close,
.eru-ticket-modal .eru-modal__close {
	color: rgba(255, 255, 255, 0.45);
	text-shadow: none;
	opacity: 1;
}
.eru-ticket-modal .eru-modal__close:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}
.eru-ticket-modal .eru-modal__btn--ghost {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}
.eru-ticket-modal .eru-modal__btn--ghost:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}
.eru-ticket-modal .eru-modal__btn--primary {
	background: #fff;
	color: #111;
}
.eru-ticket-modal .eru-modal__btn--primary:hover:not(:disabled) {
	background: #e8e8e8;
	color: #111;
}
.eru-ticket-modal .eru-modal__btn--primary:disabled {
	background: rgba(255, 255, 255, 0.35);
	color: rgba(0, 0, 0, 0.45);
}
.eru-ticket-modal .modal-dialog {
	max-width: 460px;
}

/* File upload dropzone (FileUpload-style) */
.eru-fu {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eru-fu.is-disabled {
	opacity: 0.55;
	pointer-events: none;
}
.eru-fu__beam {
	position: relative;
	border-radius: 1.125rem;
	padding: 1px;
	background: rgba(255, 255, 255, 0.12);
	transition: background 0.25s ease;
}
.eru-fu__beam.is-active {
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.08),
		rgba(255, 255, 255, 0.55),
		rgba(255, 255, 255, 0.08)
	);
	background-size: 220% 100%;
	animation: eru-fu-beam 2.4s linear infinite;
}
@keyframes eru-fu-beam {
	0% { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}
.eru-fu__dropzone {
	position: relative;
	display: flex;
	min-height: 240px;
	cursor: pointer;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	overflow: hidden;
	border-radius: calc(1.125rem - 1px);
	border: 1px dashed rgba(255, 255, 255, 0.18);
	background: #0c0c0c;
	padding: 36px 22px;
	text-align: center;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	outline: none;
}
.eru-fu__dropzone:hover,
.eru-fu__dropzone:focus-visible {
	border-color: rgba(255, 255, 255, 0.32);
	background: #101010;
}
.eru-fu__dropzone.is-dragging {
	border-color: rgba(255, 255, 255, 0.45);
	background: #161616;
}
.eru-fu__cluster {
	position: relative;
	width: 144px;
	height: 56px;
}
.eru-fu__icon-card {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: #141414;
	color: rgba(255, 255, 255, 0.5);
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
}
.eru-fu__icon-card.is-center {
	z-index: 2;
}
.eru-fu__icon-card.is-active {
	background: #1c1c1c;
	color: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.eru-fu__copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.eru-fu__title {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}
.eru-fu__desc {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45);
}
.eru-fu__error {
	margin-top: 4px;
	font-size: 12px;
	color: #f04356;
}
.eru-fu__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #141414;
	padding: 6px 12px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.55);
}
.eru-fu__input {
	display: none;
}
.eru-fu__list {
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: #0c0c0c;
	overflow: hidden;
}
.eru-fu__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
}
.eru-fu__thumb {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 10px;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: #1a1a1a;
	color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.eru-fu__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eru-fu__meta {
	min-width: 0;
	flex: 1;
}
.eru-fu__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}
.eru-fu__sub {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.45);
}
.eru-fu__badge {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	padding: 4px 8px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.55);
	flex-shrink: 0;
}
.eru-fu__remove {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: rgba(255, 255, 255, 0.45);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	flex-shrink: 0;
}
.eru-fu__remove:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.eru-fu__beam.is-active {
		animation: none;
	}
	.eru-fu__icon-card {
		transition: none;
	}
}

.eru-sc__back {
	display: none !important;
}

.eru-sc__chat-back {
	display: none;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: 10px;
	color: var(--tw-muted);
	text-decoration: none !important;
	transition: color 0.15s ease, background 0.15s ease;
}

.eru-sc__chat-back svg {
	width: 22px;
	height: 22px;
	display: block;
}

.eru-sc__chat-back:hover,
.eru-sc__chat-back:focus-visible {
	color: var(--tw-text);
	background: rgba(255, 255, 255, 0.06);
	outline: none;
}

@media (max-width: 991px) {
	.eru-sc-grid { grid-template-columns: 1fr; }
	.eru-sc__title { font-size: 24px; }
}

/* Mobile: list/view split (no stacked preview), edge-to-edge */
@media (max-width: 767.98px) {
	.eru-sc {
		--tw-bubble-max: 100%;
		--tw-bubble-cap: min(480px, calc(100vw - 48px));
	}

	.eru-spa-page .container.eru-sc,
	#kt_content .container.eru-sc {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.eru-sc {
		max-width: none;
	}

	.eru-sc__toolbar {
		margin-bottom: 14px;
		padding: 0 16px;
	}

	/* Hide «Техподдержка» + tabs when a ticket is open (user + admin) */
	.eru-sc:has(.eru-sc--view) > .eru-sc__toolbar {
		display: none;
	}

	.eru-sc__chat-back {
		display: inline-flex;
	}

	.eru-sc__workspace {
		grid-template-columns: 1fr;
		gap: 0;
		height: auto;
		max-height: none;
		min-height: 0;
		position: relative;
		overflow: hidden;
	}

	.eru-sc__listpane,
	.eru-sc__chatpane {
		transition:
			transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.24s ease,
			visibility 0.32s;
		will-change: transform, opacity;
	}

	.eru-sc__workspace.eru-sc--list .eru-sc__listpane {
		position: relative;
		z-index: 1;
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		border-radius: 0;
		background: transparent;
		max-height: none;
		min-height: calc(100dvh - 168px);
		height: auto;
	}

	.eru-sc__workspace.eru-sc--list .eru-sc__chatpane {
		position: absolute;
		inset: 0;
		z-index: 2;
		display: flex !important;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__listpane {
		position: absolute;
		inset: 0;
		z-index: 1;
		display: flex !important;
		transform: translateX(-24%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chatpane {
		position: relative;
		z-index: 2;
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.eru-sc__workspace.eru-sc--list .eru-sc__search {
		padding: 0 16px 10px;
		border-bottom: 1px solid var(--tw-line);
	}

	.eru-sc__workspace.eru-sc--list .eru-sc__tickets {
		padding: 0;
	}

	.eru-sc__workspace.eru-sc--list .eru-sc__ticket {
		border-radius: 0;
		padding: 14px 16px;
	}

	@keyframes eru-sc-mobile-enter-view {
		from {
			transform: translateX(18%);
			opacity: 0.82;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes eru-sc-mobile-enter-list {
		from {
			transform: translateX(-14%);
			opacity: 0.82;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	/* Client routes: slide-in when opening ticket / returning to list */
	body:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--view {
		animation: eru-sc-mobile-enter-view 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	}

	body:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--list {
		animation: eru-sc-mobile-enter-list 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	}

	html.eru-ticket-vv-sync body {
		overflow: hidden;
		overscroll-behavior: none;
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.eru-site-shell:has(.eru-sc--view) {
		position: fixed;
		top: var(--eru-vv-offset, 0px);
		left: 0;
		right: 0;
		width: 100%;
		min-height: 0;
		height: var(--eru-vvh, 100dvh);
		max-height: var(--eru-vvh, 100dvh);
		overflow: hidden;
		z-index: 2;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.eru-site-shell:has(.eru-sc--view) > .eru-spa-content {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}

	.eru-spa-page:has(.eru-sc--view),
	#kt_content.eru-spa-page:has(.eru-sc--view) {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.container.eru-sc:has(.eru-sc--view) {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		padding-bottom: 0 !important;
	}

	#kt_content.eru-spa-page:has(.eru-sc--view) .d-flex.flex-column-fluid {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}

	.eru-sc__workspace.eru-sc--view {
		flex: 1 1 auto;
		min-height: 0;
		height: auto;
		max-height: none;
		align-self: stretch;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chatpane {
		border-radius: 0;
		background: transparent;
		display: flex;
		flex-direction: column;
		height: 100%;
		max-height: 100%;
		min-width: 0;
		max-width: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chatpane > form {
		flex: 1 1 auto;
		min-height: 0;
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto;
		overflow: hidden;
		width: 100%;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chat-head {
		flex-shrink: 0;
		padding: 10px 12px 14px 6px;
		overflow: hidden;
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
		position: relative;
		z-index: 10060;
	}

	.eru-tw-admin .eru-sc__workspace.eru-sc--view .eru-sc__chat-head.eru-sc__chat-head--peer {
		overflow: visible;
	}

	.eru-msg__avatar--spacer {
		display: none;
	}

	.eru-msg.is-user {
		width: auto;
		max-width: 100%;
	}

	.eru-msg.is-staff {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.eru-msg.is-user .eru-msg__row,
	.eru-msg.is-staff .eru-msg__row {
		width: auto;
		max-width: 100%;
		min-width: 0;
	}

	.eru-msg.is-staff .eru-msg__body {
		flex: 1 1 0%;
		min-width: 0;
	}

	.eru-msg.is-user .eru-msg__body {
		max-width: var(--tw-bubble-cap);
		min-width: 0;
		width: fit-content;
		margin-left: auto;
		align-items: flex-end;
	}

	.eru-msg.is-user .eru-msg__bubble,
	.eru-msg.is-staff .eru-msg__bubble {
		width: max-content;
		max-width: var(--tw-bubble-cap);
		min-width: 0;
		box-sizing: border-box;
	}

	/* Mobile: outgoing photo thumbs hug the image and stay flush right */
	.eru-msg.is-user .eru-msg__bubble.is-media-only,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media),
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
		align-self: flex-end;
		margin-left: auto;
		width: fit-content;
		max-width: min(240px, 72vw);
		min-width: 0;
		padding: 0 !important;
	}

	.eru-msg.is-user .eru-msg__bubble.is-media-only .eru-msg__bubble-media,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-media,
	.eru-msg.is-user .eru-msg__bubble.is-media-only img,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media) img,
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child) img,
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) img {
		margin-left: auto;
	}

	.eru-msg.is-user .eru-msg__bubble.is-media-only.has-status,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media).has-status,
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child).has-status,
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child).has-status {
		padding: 0 !important;
	}

	.eru-msg.is-user .eru-msg__bubble.is-media-only .eru-msg__bubble-foot,
	.eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media) .eru-msg__bubble-foot,
	.eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child) .eru-msg__bubble-foot,
	.eru-msg.is-user .eru-msg__bubble:has(> img:only-child) .eru-msg__bubble-foot {
		right: 8px;
		bottom: 8px;
	}

	.eru-sc__workspace.eru-sc--view .messages {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: clip;
	}

	.eru-msg__head {
		width: auto;
		max-width: 100%;
	}

	.eru-msg.is-user .eru-msg__head--end,
	.eru-msg.is-staff .eru-msg__head {
		max-width: min(100%, calc(100vw - 88px));
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chat-scroll {
		overflow: hidden;
		min-width: 0;
		min-height: 0;
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.eru-tw-admin .eru-sc__chat-head--peer {
		padding-left: 6px;
		padding-right: 12px;
	}

	.eru-tw-admin .eru-sc__chat-peer {
		gap: 6px;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chat-body {
		flex: 1 1 auto;
		min-height: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 14px 16px;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer,
	.eru-sc__workspace.eru-sc--view .eru-sc__closed {
		flex-shrink: 0;
		margin-top: 0;
		grid-row: 2;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer {
		position: relative;
		z-index: 20;
		padding: 0 10px max(8px, env(safe-area-inset-bottom, 0));
		margin: 0;
		width: 100%;
		max-width: none;
		align-self: stretch;
		box-sizing: border-box;
		background: transparent;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chat-scroll {
		grid-row: 1;
		min-height: 0;
	}

	/* Mobile: floating pill composer (client + admin) */
	.eru-sc__workspace.eru-sc--view .eru-sc__composer-box {
		position: relative;
		min-height: 44px;
		width: 100%;
		box-sizing: border-box;
		padding: 6px 8px 6px 12px;
		padding-bottom: 6px;
		gap: 4px;
		align-items: flex-end;
		border-radius: 16px;
		background: rgba(28, 28, 30, 0.92);
		border: 1px solid rgba(255, 255, 255, 0.14);
		box-shadow:
			0 8px 28px rgba(0, 0, 0, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-box.is-long {
		padding-top: 30px;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-box:focus-within {
		border-color: rgba(255, 255, 255, 0.22);
		box-shadow:
			0 8px 28px rgba(0, 0, 0, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.14);
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-input {
		min-height: 32px;
		max-height: min(40vh, 168px);
		padding: 6px 0;
		font-size: 16px;
		line-height: 1.35;
		resize: none !important;
		overflow-y: auto;
		background: transparent;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-tools {
		gap: 0;
		padding-bottom: 0;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-tools .eru-sc__tool {
		width: 36px;
		height: 36px;
		min-width: 36px;
		min-height: 36px;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__composer-tools .eru-sc__tool svg {
		width: 18px;
		height: 18px;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__chat-body {
		padding-bottom: 0;
	}

	.eru-tw-admin .eru-sc__workspace.eru-sc--view .eru-sc__chat-body {
		padding-bottom: 0;
	}

	.eru-sc__workspace.eru-sc--view .eru-sc__closed {
		padding: 14px 16px;
		padding-bottom: max(16px, env(safe-area-inset-bottom));
	}

	.eru-sc__chat-title {
		font-size: 17px;
	}

	.eru-tw-admin .eru-sc__workspace.eru-sc--list .eru-sc__listpane {
		max-height: none;
		min-height: calc(100dvh - var(--adm-topbar-h, 56px) - 132px);
	}

	/* Admin: flex into content area (height set by eru-adm-main chain in admin.css) */
	.eru-tw-admin .eru-sc__workspace.eru-sc--view {
		flex: 1 1 auto;
		min-height: 0;
		height: auto !important;
		max-height: none !important;
	}

	.eru-tw-admin .eru-sc__workspace.eru-sc--view .eru-sc__chatpane {
		flex: 1 1 auto;
		min-height: 0;
		min-width: 0;
		max-width: 100%;
		height: auto !important;
		max-height: none !important;
		overflow: hidden;
	}

	.eru-tw-admin .eru-sc__chat-head--peer {
		min-width: 0;
		z-index: 10060;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-ticket-handler {
		max-width: min(200px, 58vw);
	}

	@media (prefers-reduced-motion: reduce) {
		.eru-sc__listpane,
		.eru-sc__chatpane,
		body:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--view,
		body:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--list {
			animation: none !important;
			transition: none !important;
		}
	}
}

/* Admin category table */
.eru-sc-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.eru-sc-table th,
.eru-sc-table td {
	padding: 14px 16px;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid var(--tw-line);
	color: var(--tw-text);
}
.eru-sc-table th {
	font-size: 12px;
	font-weight: 600;
	color: var(--tw-muted);
	text-transform: uppercase;
	letter-spacing: .02em;
}
.eru-sc-table tr {
	cursor: pointer;
	transition: background .12s ease;
}
.eru-sc-table tbody tr:hover td {
	background: var(--tw-hover-fill);
}
.eru-sc-table tbody tr:last-child td {
	border-bottom: 0;
}

/* ── Admin AMOLED overrides ── */
.eru-tw-admin .eru-sc {
	--tw-page: #000000;
	--tw-card: #0a0a0a;
	--tw-card-hover: #141414;
	--tw-surface: #111111;
	--tw-text: #f2f2f2;
	--tw-muted: #8a8a8a;
	--tw-purple: #ffffff;
	--tw-purple-soft: rgba(255, 255, 255, 0.12);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-line: rgba(255, 255, 255, 0.08);
	--eru-chat-accent: #59aae9;
	max-width: none;
	width: 100%;
	color: var(--tw-text);
}

.eru-tw-admin .eru-sc__title {
	color: #fff;
}

.eru-tw-admin .eru-sc__title-icon {
	background: #fff;
	color: #000;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12);
}

.eru-tw-admin .eru-tickets-tabs {
	background: #0a0a0a;
}

.eru-tw-admin .eru-tickets-tabs__btn.is-active {
	background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
	border: 1px solid #e0e0e0;
	color: #111111;
	font-family: "Stem", Arial, sans-serif;
	font-weight: 500;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(0, 0, 0, 0.06),
		0 2px 6px rgba(0, 0, 0, 0.08);
}

.eru-tw-admin .eru-sc__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 20px;
	border-radius: 16px;
	border: 1px solid #e0e0e0;
	background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
	color: #111111 !important;
	filter: none;
	font-family: "Stem", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: -0.01em;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(0, 0, 0, 0.06),
		0 2px 8px rgba(0, 0, 0, 0.1);
	transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.eru-tw-admin .eru-sc__btn--sm {
	height: 34px;
	padding: 0 14px;
	font-size: 13px;
	border-radius: 14px;
}

.eru-tw-admin .eru-sc__btn:hover {
	background: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
	border-color: #d6d6d6;
	color: #111111 !important;
	filter: none;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(0, 0, 0, 0.08),
		0 3px 10px rgba(0, 0, 0, 0.12);
}

.eru-tw-admin .eru-sc__btn:active {
	background: linear-gradient(180deg, #f0f0f0 0%, #e8e8e8 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.eru-tw-admin .eru-sc__btn--ghost {
	background: #141414;
	border-color: transparent;
	color: #f2f2f2 !important;
	box-shadow: none;
}

.eru-tw-admin .eru-sc__btn--ghost:hover {
	background: #1c1c1c;
	color: var(--tw-text, #fff) !important;
	box-shadow: none;
}

.eru-tw-admin .eru-sc__btn--danger {
	background: rgba(240, 67, 86, 0.18);
	border-color: transparent;
	color: #ff8a96 !important;
	box-shadow: none;
}

.eru-tw-admin .eru-sc__btn--danger:hover {
	background: rgba(240, 67, 86, 0.28);
	color: #ff8a96 !important;
	box-shadow: none;
}

.eru-tw-admin .eru-sc__icon-btn {
	background: #0a0a0a;
	color: #8a8a8a;
}

.eru-tw-admin .eru-sc__icon-btn:hover {
	background: #141414;
	color: #fff;
}

.eru-tw-admin .eru-sc__listpane,
.eru-tw-admin .eru-sc__chatpane,
.eru-tw-admin .eru-sc-aside,
.eru-tw-admin .eru-sc-panel {
	background: #0a0a0a;
}

/* Fit chat into viewport so reply composer stays visible */
.eru-tw-admin .eru-sc__workspace {
	min-height: 0;
	height: calc(100dvh - var(--adm-topbar-h, 56px) - 78px);
	max-height: calc(100dvh - var(--adm-topbar-h, 56px) - 78px);
	align-items: stretch;
}

.eru-tw-admin .eru-sc__listpane,
.eru-tw-admin .eru-sc__chatpane {
	min-height: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

.eru-tw-admin .eru-sc__chat-head {
	flex-shrink: 0;
}

/* Keep list search row and chat peer head the same height */
.eru-tw-admin .eru-sc__search {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 62px;
	padding: 11px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.eru-tw-admin .eru-sc__chat-head--peer {
	box-sizing: border-box;
	min-height: 62px;
	padding: 11px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	background: linear-gradient(180deg, #111 0%, #0a0a0a 100%);
}

@media (min-width: 768px) {
	.eru-tw-admin .eru-sc__chat-head--peer {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}
}

.eru-tw-admin .eru-sc__chat-peer {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	flex: 1 1 auto;
}

.eru-tw-admin .eru-sc__chat-back {
	color: rgba(255, 255, 255, 0.55);
}

.eru-tw-admin .eru-sc__chat-back:hover,
.eru-tw-admin .eru-sc__chat-back:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.eru-tw-admin .eru-sc__chat-avatar-wrap {
	position: relative;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
}

.eru-tw-admin .eru-sc__chat-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #1a1a1a;
	color: #f2f2f2;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.eru-tw-admin a.eru-sc__chat-avatar:hover {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
	transform: translateY(-1px);
}

.eru-tw-admin .eru-sc__chat-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eru-tw-admin .eru-sc__chat-online-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3dae7d;
	border: 2px solid #0a0a0a;
	box-sizing: border-box;
	opacity: 0;
	transform: scale(0.6);
	pointer-events: none;
	transition: opacity 0.18s ease, transform 0.18s ease;
	box-shadow: 0 0 0 1px rgba(61, 174, 125, 0.25);
}

.eru-tw-admin .eru-sc__chat-avatar-wrap.is-online .eru-sc__chat-online-dot {
	opacity: 1;
	transform: scale(1);
}

.eru-tw-admin .eru-sc__chat-peer-text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-tw-admin a.eru-sc__chat-title:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.eru-tw-admin .eru-sc__chat-presence {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.42);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-tw-admin .eru-sc__chat-presence.is-online {
	color: #3dae7d;
}

.eru-tw-admin .eru-sc__chat-presence.is-connecting {
	color: rgba(255, 255, 255, 0.42);
}

.eru-tw-admin .eru-sc__chat-head-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex: 0 0 auto;
	margin-left: auto;
}

.eru-tw-admin .eru-sc__chat-ticket-handler {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: transparent;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.72);
	white-space: nowrap;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-tw-admin .eru-sc__chat-ticket-handler-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: rgba(255, 255, 255, 0.55);
}

.eru-tw-admin .eru-sc__chat-ticket-handler-icon svg {
	width: 14px;
	height: 14px;
	display: block;
}

.eru-sc__composer-attach {
	position: relative;
	display: inline-flex;
}

.eru-sc__composer-attach-panel {
	position: absolute;
	left: 0;
	right: auto;
	bottom: calc(100% + 6px);
	z-index: 40;
	min-width: 168px;
	padding: 6px;
	border-radius: 12px;
	background: #1c2430;
	border: 1px solid rgba(255, 255, 255, 0.07);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}
html.eru-tw-admin .eru-sc__composer-attach-panel,
body.eru-tw-admin .eru-sc__composer-attach-panel {
	background: #0a0a0a;
	border-color: rgba(255, 255, 255, 0.08);
}

.eru-sc__composer-attach-item {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 36px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #f2f5f8;
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
	box-sizing: border-box;
}

.eru-sc__composer-attach-item:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

.eru-sc__composer-attach-item:disabled {
	opacity: 0.45;
	cursor: wait;
}

.eru-sc__composer-attach-icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: currentColor;
	opacity: 0.9;
}

.eru-sc__composer-attach-icon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.eru-tw-admin .eru-sc__chat-ticket-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.72);
	white-space: nowrap;
}

.eru-tw-admin .eru-sc__chat-ticket-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	flex-shrink: 0;
	opacity: 1;
	box-shadow: none;
	position: relative;
}

.eru-tw-admin .eru-sc__chat-ticket-status.is-open {
	color: rgba(255, 255, 255, 0.72);
}
.eru-tw-admin .eru-sc__chat-ticket-status.is-open .eru-sc__chat-ticket-status-dot {
	background: #f5a524;
	box-shadow: 0 0 0 0 rgba(245, 165, 36, 0.45);
	animation: eru-sc-status-pulse-amber 1.8s ease-out infinite;
}

.eru-tw-admin .eru-sc__chat-ticket-status.is-reply {
	color: rgba(255, 255, 255, 0.72);
}
.eru-tw-admin .eru-sc__chat-ticket-status.is-reply .eru-sc__chat-ticket-status-dot {
	background: #3dd6c6;
	box-shadow: none;
}

.eru-tw-admin .eru-sc__chat-ticket-status.is-new {
	color: rgba(255, 255, 255, 0.72);
}
.eru-tw-admin .eru-sc__chat-ticket-status.is-new .eru-sc__chat-ticket-status-dot {
	background: #5b8def;
	box-shadow: 0 0 0 0 rgba(91, 141, 239, 0.45);
	animation: eru-sc-status-pulse-blue 1.8s ease-out infinite;
}

.eru-tw-admin .eru-sc__chat-ticket-status.is-closed {
	color: rgba(255, 255, 255, 0.55);
}
.eru-tw-admin .eru-sc__chat-ticket-status.is-closed .eru-sc__chat-ticket-status-dot {
	background: rgba(255, 255, 255, 0.35);
	box-shadow: none;
}

@keyframes eru-sc-status-pulse-amber {
	0% {
		box-shadow: 0 0 0 0 rgba(245, 165, 36, 0.45);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(245, 165, 36, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(245, 165, 36, 0);
	}
}

@keyframes eru-sc-status-pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(91, 141, 239, 0.45);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(91, 141, 239, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(91, 141, 239, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.eru-tw-admin .eru-sc__chat-ticket-status.is-open .eru-sc__chat-ticket-status-dot,
	.eru-tw-admin .eru-sc__chat-ticket-status.is-new .eru-sc__chat-ticket-status-dot {
		animation: none;
		box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);
	}
	.eru-tw-admin .eru-sc__chat-ticket-status.is-open .eru-sc__chat-ticket-status-dot {
		box-shadow: 0 0 0 4px rgba(245, 165, 36, 0.22);
	}
	.eru-tw-admin .eru-sc__chat-ticket-status.is-new .eru-sc__chat-ticket-status-dot {
		box-shadow: 0 0 0 4px rgba(91, 141, 239, 0.22);
	}
}

.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-menu {
	align-self: center;
	flex-shrink: 0;
}

/* Admin mobile chat head: 2 rows (must follow base admin flex rules above) */
@media (max-width: 767.98px) {
	.eru-tw-admin .eru-sc__workspace.eru-sc--view .eru-sc__chat-head.eru-sc__chat-head--peer {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		column-gap: 6px;
		row-gap: 3px;
		align-items: center;
		min-height: 0;
		padding: 6px 10px 5px 4px;
		overflow: visible;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-avatar-wrap,
	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-avatar {
		width: 34px;
		height: 34px;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-title {
		font-size: 14px;
		line-height: 1.15;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-presence,
	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-typing {
		font-size: 11px;
		line-height: 1.15;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-peer {
		grid-column: 1;
		grid-row: 1;
		flex: none;
		min-width: 0;
		max-width: 100%;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-peer-text {
		flex: 1 1 auto;
		min-width: 0;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-menu {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-head-meta {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-left: 0;
		flex: none;
		width: 100%;
		max-width: none;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 6px;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-ticket-handler {
		padding: 2px 8px;
		font-size: 11px;
	}

	.eru-tw-admin .eru-sc__chat-head--peer .eru-sc__chat-head-meta .eru-sc__badge {
		font-size: 10px;
		padding: 2px 8px;
		line-height: 1.2;
	}
}

.eru-tw-admin .eru-sc__chatpane > form {
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.eru-tw-admin .eru-sc__chat-scroll {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
}

.eru-tw-admin .eru-sc__chat-body {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow-y: auto;
	padding-bottom: 0;
}

.eru-tw-admin .eru-sc__composer {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border-top: 0;
	background: transparent;
}

.eru-tw-admin .eru-sc__composer-box:focus-within,
.eru-tw-admin .eru-sc__composer-input:focus,
.eru-tw-admin .eru-sc__search-input:focus {
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

.eru-tw-admin .eru-sc__tickets {
	min-height: 0;
}

@media (max-width: 991.98px) {
	.eru-tw-admin .eru-sc__workspace {
		height: auto;
		max-height: none;
		min-height: 0;
	}
	.eru-tw-admin .eru-sc__listpane {
		max-height: 280px;
		height: auto;
	}
	.eru-tw-admin .eru-sc__chatpane {
		height: calc(100dvh - var(--adm-topbar-h, 56px) - 220px);
		max-height: calc(100dvh - var(--adm-topbar-h, 56px) - 220px);
		min-height: 420px;
	}
}

.eru-tw-admin .eru-sc__ticket {
	border-bottom: 0;
	border-radius: 0;
}
.eru-tw-admin .eru-sc__ticket + .eru-sc__ticket::before {
	background: linear-gradient(
		to right,
		transparent,
		rgba(255, 255, 255, 0.14),
		transparent
	);
}
.eru-tw-admin .eru-sc__ticket:first-child {
	border-radius: 8px 8px 0 0;
}
.eru-tw-admin .eru-sc__ticket:last-child {
	border-radius: 0 0 8px 8px;
}
.eru-tw-admin .eru-sc__ticket:only-child {
	border-radius: 8px;
}
.eru-tw-admin .eru-sc__ticket.is-active {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
}

.eru-tw-admin .eru-sc__search-input {
	background-color: #111;
	border-color: transparent;
}

.eru-tw-admin .eru-sc__search-input:focus {
	border-color: transparent;
	box-shadow: none;
	outline: none;
}

.eru-tw-admin .eru-sc__loading {
	background: rgba(255, 255, 255, 0.08);
	color: #c8c8c8;
}

.eru-tw-admin .eru-msg__avatar {
	width: 38px;
	height: 38px;
	margin-top: 0;
	background: #1a1a1a;
	color: #f2f2f2;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}

.eru-tw-admin .eru-msg__avatar span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.eru-tw-admin .eru-msg.is-user .eru-msg__bubble {
	background: #fff;
	color: #111;
	text-align: start;
}

.eru-tw-admin .eru-msg.is-user .eru-msg__bubble.is-media-only,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble:has(> .eru-msg__bubble-media),
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble:has(> a:only-child > img:only-child),
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble:has(> img:only-child) {
	background: transparent;
}

.eru-tw-admin .eru-msg.is-user .eru-msg__bubble a {
	color: #111;
}
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble a.eru-file-attach {
	color: #a8a8a8 !important;
}

/* Admin: support = is-user (white bubble) — headings must be dark, not staff-white */
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h1,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h2,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h3,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h4,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h5,
.eru-tw-admin .eru-msg.is-user .eru-msg__bubble h6 {
	color: #111 !important;
}

.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble {
	background: #141414;
	color: rgba(255, 255, 255, 0.92);
}

.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble.is-media-only,
.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble:has(> .eru-msg__bubble-media),
.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble:has(> a:only-child > img:only-child),
.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble:has(> img:only-child) {
	background: transparent;
}

.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble a {
	color: #ddd;
}
.eru-tw-admin .eru-msg.is-staff .eru-msg__bubble a.eru-file-attach {
	color: #a8a8a8 !important;
}

.eru-tw-admin .eru-sc__composer-box {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: 52px;
	padding: 8px 12px 8px 16px;
	border-radius: 0 0 12px 12px;
	background: #111;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	align-items: flex-end;
	box-shadow: none;
}
.eru-tw-admin .eru-sc__composer-box.is-long {
	padding-top: 28px;
}

.eru-tw-admin .eru-sc__composer-box:focus-within {
	box-shadow: none;
	border-color: transparent;
	border-top-color: rgba(255, 255, 255, 0.08);
	outline: none;
}

/* Expand editor: same surface as «Прикрепить медиа» modal */
.eru-tw-admin .eru-composer-expand__panel,
.eru-tw-admin .eru-composer-expand__topbar,
.eru-tw-admin .eru-composer-expand__footer {
	background: #111;
}
.eru-tw-admin .eru-composer-expand__panel {
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.65);
}
.eru-tw-admin .eru-composer-expand__menu,
.eru-tw-admin .eru-composer-expand__submenu {
	background: #0a0a0a;
	border-color: rgba(255, 255, 255, 0.1);
}
.eru-tw-admin .eru-composer-expand__menu-row.is-active > .eru-composer-expand__menu-item,
.eru-tw-admin .eru-composer-expand__menu-row:hover > .eru-composer-expand__menu-item,
.eru-tw-admin .eru-composer-expand__submenu .eru-composer-expand__menu-item:hover,
.eru-tw-admin .eru-composer-expand__submenu .eru-composer-expand__menu-item:focus-visible {
	background: rgba(255, 255, 255, 0.08);
}
.eru-tw-admin .eru-composer-expand__emoji-btn:hover {
	background: rgba(255, 255, 255, 0.08);
}

.eru-tw-admin .eru-sc__composer-input {
	display: block;
	width: 100%;
	min-height: 36px;
	max-height: 120px;
	height: auto;
	padding: 8px 0;
	resize: none;
	overflow-y: auto;
	line-height: 1.4;
	font-family: inherit;
	field-sizing: fixed;
}

html.eru-tw-admin .eru-sc__composer-tools .eru-sc__tool,
body.eru-tw-admin .eru-sc__composer-tools .eru-sc__tool,
.eru-tw-admin .eru-sc__composer-tools .eru-sc__tool {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0;
	color: rgba(255, 255, 255, 0.45) !important;
	box-shadow: none !important;
	filter: none;
	flex-shrink: 0;
}

html.eru-tw-admin .eru-sc__composer-emoji-btn,
body.eru-tw-admin .eru-sc__composer-emoji-btn,
.eru-tw-admin .eru-sc__composer-emoji-btn,
html.eru-tw-admin .eru-sc__composer-emoji-btn:hover,
body.eru-tw-admin .eru-sc__composer-emoji-btn:hover,
.eru-tw-admin .eru-sc__composer-emoji-btn:hover {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: rgba(168, 180, 196, 0.9) !important;
}

.eru-tw-admin .eru-sc-field__input,
.eru-tw-admin .eru-sc-field__select,
.eru-tw-admin .eru-sc-field__textarea {
	background: #111;
	color: #f2f2f2;
}

.eru-tw-admin .eru-sc-field__input:focus,
.eru-tw-admin .eru-sc-field__select:focus,
.eru-tw-admin .eru-sc-field__textarea:focus {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
}

.eru-tw-admin .eru-sc-field__select option {
	background: #111;
	color: #fff;
}

.eru-tw-admin .eru-sc-aside__list li::before {
	background: #fff;
}

.eru-tw-admin .eru-sc a[href*="/admin/users"],
.eru-tw-admin .eru-sc__client-link {
	color: var(--tw-text, #fff) !important;
	text-decoration: none !important;
}
.eru-tw-admin .eru-sc__client-link:hover {
	color: #ccc !important;
}

.eru-tw-admin .eru-sc-table th {
	color: #8a8a8a;
	background: rgba(0, 0, 0, 0.35);
}

.eru-tw-admin .eru-sc-table td {
	border-color: rgba(255, 255, 255, 0.08);
}

.eru-ticket-history-modal .eru-modal__body {
	max-height: min(60vh, 480px);
	overflow-y: auto;
}

.eru-ticket-history {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.eru-ticket-history__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.eru-ticket-history__icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.85);
}

.eru-ticket-history__icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.eru-ticket-history__icon.is-open {
	color: #7dd3a8;
	background: rgba(61, 174, 125, 0.14);
}

.eru-ticket-history__icon.is-close {
	color: #ff8a96;
	background: rgba(240, 67, 86, 0.14);
}

.eru-ticket-history__content {
	flex: 1 1 auto;
	min-width: 0;
}

.eru-ticket-history__item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.eru-ticket-history__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.eru-ticket-history__label {
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-text, #fff);
}

.eru-ticket-history__time {
	font-size: 11px;
	color: var(--tw-muted, #8a8a8a);
	white-space: nowrap;
	flex-shrink: 0;
}

.eru-ticket-history__meta {
	margin-top: 4px;
	font-size: 12px;
	color: var(--tw-muted, #8a8a8a);
}

.eru-ticket-history__empty {
	margin: 0;
	padding: 8px 0;
	font-size: 13px;
	color: var(--tw-muted, #8a8a8a);
	text-align: center;
}

.eru-ticket-assign-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: min(50vh, 360px);
	overflow-y: auto;
}

.eru-ticket-assign-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: transparent;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.eru-ticket-assign-item.is-active {
	border-color: rgba(77, 138, 255, 0.45);
	background: rgba(77, 138, 255, 0.08);
}

.eru-ticket-assign-item input {
	margin: 0;
	flex-shrink: 0;
}

.eru-ticket-assign-empty {
	margin: 0;
	padding: 8px 0;
	font-size: 13px;
	color: var(--tw-muted, #8a8a8a);
	text-align: center;
}

.eru-file-attach {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	max-width: min(280px, 100%);
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: #2a2a2a;
	color: #a8a8a8;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.eru-file-attach,
.eru-file-attach:hover,
.eru-file-attach:focus,
.eru-file-attach:visited,
.eru-file-attach * {
	text-decoration: none !important;
}

a.eru-file-attach:hover {
	background: #333;
	border-color: rgba(255, 255, 255, 0.12);
	color: #c4c4c4;
}

.eru-file-attach.is-image {
	padding: 6px;
}

.eru-file-attach__preview {
	position: relative;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #1f1f1f;
	color: #8a8a8a;
}

.eru-file-attach.is-image .eru-file-attach__preview {
	width: 48px;
	height: 48px;
}

.eru-file-attach__preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eru-file-attach__preview svg {
	width: 22px;
	height: 22px;
	display: block;
}

.eru-file-attach__ext {
	position: absolute;
	right: 2px;
	bottom: 2px;
	padding: 1px 4px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.55);
	color: #b0b0b0;
	font-size: 8px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
}

.eru-file-attach__body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.eru-file-attach__name {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	color: #b8b8b8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-file-attach__size {
	font-size: 11px;
	line-height: 1.2;
	color: #737373;
}

.eru-file-attach__remove {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin-left: 2px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #737373;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.eru-file-attach__remove:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #a8a8a8;
}

.eru-file-attach__remove svg {
	width: 14px;
	height: 14px;
	display: block;
}

.eru-msg__attachments {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2px;
}

.eru-msg__bubble.has-attachments {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.eru-msg__bubble.has-attachments-only {
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
}

.eru-msg.is-user .eru-msg__attachments {
	justify-content: flex-end;
}

.eru-msg__bubble-text:empty {
	display: none;
}

.eru-msg.is-user .eru-file-attach {
	background: #2a2a2a;
	border-color: rgba(255, 255, 255, 0.08);
	color: #a8a8a8;
}

.eru-msg.is-user .eru-file-attach__name {
	color: #b8b8b8;
}

.eru-msg.is-user .eru-file-attach__size {
	color: #737373;
}

.eru-msg.is-user .eru-file-attach__preview {
	background: #1f1f1f;
	color: #8a8a8a;
}

/* MCBE Host — Новости */
.eru-tw-news {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-line: rgba(255, 255, 255, .06);
}

.eru-tw-news#kt_content,
.eru-tw-news#kt_content .container,
.eru-tw-news#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-news {
	max-width: 760px;
	margin: 0 auto 48px;
}

.eru-news__title {
	margin: 0 0 8px !important;
	font-size: 22px !important;
	font-weight: 650 !important;
	color: var(--tw-text) !important;
}

.eru-news__lede {
	margin: 0 0 20px;
	font-size: 14px;
	color: var(--tw-muted);
}

.eru-news__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.eru-news__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 14px;
	background: var(--tw-card);
	border: 0;
	text-decoration: none !important;
	color: inherit;
	transition: background .15s ease;
}

.eru-news__item:hover {
	background: #2a3645;
}

.eru-news__item--skel {
	cursor: default;
}

.eru-news__cover--skel,
.eru-news-view__cover--skel {
	display: block;
	overflow: hidden;
	border-radius: 12px;
	line-height: 0;
}

.eru-news-view__cover--skel {
	margin-bottom: 16px;
	border-radius: 14px;
}

.eru-spa-skel .eru-skel-avatar,
.eru-news-comments__avatar.eru-skel-avatar {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #3d4f61;
	background-image: linear-gradient(90deg, #3d4f61 0%, #5a6f84 40%, #3d4f61 80%);
	background-size: 220% 100%;
	animation: eru-skel-shine 1.25s ease-in-out infinite;
}

.eru-news-comments__item--reply .eru-news-comments__avatar.eru-skel-avatar {
	width: 28px;
	height: 28px;
}

.eru-news__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-top: 2px;
	border-radius: 12px;
	background: rgba(113, 119, 248, .12);
	color: #a8adff;
	flex-shrink: 0;
}
.eru-news__icon .eru-news-svg {
	display: block;
	flex-shrink: 0;
}

.eru-news__body {
	flex: 1;
	min-width: 0;
}

.eru-news__item-title {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 1.35;
}

.eru-news__cover {
	display: block;
	width: 100%;
	max-width: 280px;
	height: 152px;
	margin-bottom: 12px;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(145deg, #1b2530 0%, #151d26 100%);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.eru-news__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.eru-news__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: #9aa8b8;
}

.eru-news__read {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #a8adff;
	transition: color .15s ease;
}

.eru-news__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--tw-muted);
}
.eru-news__item:hover .eru-news__read {
	color: #c5c8ff;
}

.eru-news__meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.eru-news__meta .eru-news-svg {
	color: var(--tw-muted);
	flex-shrink: 0;
}

.eru-news__chev {
	color: #7f91a4;
	flex-shrink: 0;
	font-size: 16px;
	transition: color .15s ease, transform .15s ease;
}
.eru-news__item:hover .eru-news__chev {
	color: #a8adff;
	transform: translateX(2px);
}

.eru-news__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	padding: 48px 24px;
	border-radius: 16px;
	background: var(--tw-card);
	border: 1px dashed rgba(255, 255, 255, .08);
}

.eru-news__empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(113, 119, 248, .12);
	color: #a8adff;
	font-size: 24px;
}

.eru-news__empty-title {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
}

.eru-news__empty-text {
	margin: 0;
	max-width: 360px;
	font-size: 14px;
	color: var(--tw-muted);
	line-height: 1.5;
}

/* Mobile: edge-to-edge list with dividers, no cards */
@media (max-width: 767.98px) {
	.eru-tw-news#kt_content .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.eru-news {
		margin-bottom: 32px;
	}

	.eru-news__title,
	.eru-news__lede {
		padding-left: 16px;
		padding-right: 16px;
	}

	.eru-news__list {
		gap: 0;
	}

	.eru-news__item,
	.eru-news__item--skel {
		border-radius: 0;
		background: transparent;
		padding: 16px;
		border-bottom: 1px solid var(--tw-line);
	}

	.eru-news__item:hover {
		background: rgba(255, 255, 255, 0.03);
	}

	.eru-news__item:last-child,
	.eru-news__item--skel:last-child {
		border-bottom: 0;
	}

	.eru-news__empty {
		margin: 0 16px;
		border-radius: 12px;
	}

	.eru-news__cover {
		max-width: none;
		height: 160px;
		border-radius: 10px;
	}

	/* Article view — flat, full-bleed */
	.eru-news-view {
		margin-bottom: 32px;
	}

	.eru-news-view__back {
		margin: 0 0 14px;
		padding: 0 16px;
	}

	.eru-news-view__card {
		padding: 0 16px 20px;
		border-radius: 0;
		background: transparent;
		border: 0;
	}

	.eru-news-view__cover {
		margin: 0 -16px 16px;
		border-radius: 0;
	}

	.eru-news-view__cover img {
		max-height: 220px;
	}

	.eru-news-view__title {
		font-size: 22px;
	}

	.eru-news-view__meta {
		margin-bottom: 18px;
		padding-bottom: 14px;
	}

	.eru-news-view__reactions {
		margin-top: 16px;
		padding-top: 14px;
	}

	.eru-news-comments {
		margin: 20px 0 32px;
		padding: 0 16px;
	}

	.eru-news-comments__bubble {
		max-width: none;
	}
}

.eru-news-view {
	max-width: 760px;
	margin: 0 auto 48px;
}

.eru-news-view__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted) !important;
	text-decoration: none !important;
}

.eru-news-view__back:hover {
	color: #fff !important;
}

.eru-news-view__card {
	padding: 22px 24px;
	border-radius: 16px;
	background: var(--tw-card);
	border: 1px solid var(--tw-line);
}

.eru-news-view__cover {
	margin: -6px -6px 18px;
	border-radius: 12px;
	overflow: hidden;
	background: #1b2530;
}

.eru-news-view__cover img {
	display: block;
	width: 100%;
	max-height: 360px;
	object-fit: cover;
}

.eru-news-view__title {
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.eru-news-view__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--tw-line);
	font-size: 13px;
	color: var(--tw-muted);
}
.eru-news-view__meta > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.eru-news-view__meta .eru-news-svg {
	color: var(--tw-muted);
	flex-shrink: 0;
}

.eru-news-article,
.eru-news-article p,
.eru-news-article li,
.eru-news-article span,
.eru-news-article div {
	color: rgba(255, 255, 255, .88) !important;
	font-size: 15px;
	line-height: 1.65;
}

.eru-news-article a {
	color: #9aa3ff !important;
	text-decoration: underline;
}

.eru-news-article h1,
.eru-news-article h2,
.eru-news-article h3,
.eru-news-article h4 {
	color: #fff !important;
	margin: 1.2em 0 .6em;
	line-height: 1.3;
}

.eru-news-article img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.eru-news-article blockquote {
	margin: 1em 0;
	padding: 12px 16px;
	border-left: 3px solid var(--tw-purple);
	background: rgba(113, 119, 248, .08);
	border-radius: 0 10px 10px 0;
}

.eru-news-article pre,
.eru-news-article code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.eru-news-article pre {
	padding: 14px;
	border-radius: 10px;
	background: #1b2530;
	overflow: auto;
}

/* Комментарии — layout как в iSpring Learn (knowledge-base), тёмная тема */
.eru-news-comments {
	--nc-subdued: rgba(255, 255, 255, 0.06);
	--nc-surface: #1b2530;
	--nc-text: #e8eef5;
	--nc-muted: #7f91a4;
	--nc-tertiary: #99a2ad;
	--nc-border: rgba(255, 255, 255, 0.1);
	--nc-accent: #7177f8;
	--nc-radius: 12px;
	width: 100%;
	max-width: 760px;
	margin: 28px auto 48px;
}

.eru-news-comments__header {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.eru-news-comments__title {
	margin: 0 8px 0 0;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
}

.eru-news-comments__count {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: var(--nc-tertiary);
}

.eru-news-comments__composer {
	display: flex;
	align-items: flex-start;
	margin-bottom: 32px;
}

.eru-news-comments__composer--compact {
	margin-bottom: 0;
}

.eru-news-comments__composer-main {
	flex: 1;
	min-width: 0;
}

.eru-news-comments__avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--nc-surface);
	flex-shrink: 0;
	margin-top: 2px;
	margin-right: 8px;
}

.eru-news-comments__item--reply .eru-news-comments__avatar {
	width: 32px;
	height: 32px;
}

.eru-news-comments__textarea-wrap {
	box-sizing: border-box;
	border-radius: var(--nc-radius);
	background: var(--nc-subdued);
	border: 2px solid transparent;
	padding: 1px 8px 1px 14px;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
	overflow: visible;
}

.eru-news-comments__textarea-wrap:focus-within {
	background: var(--nc-surface);
	border-color: var(--nc-accent);
	box-shadow: none;
}

.eru-news-comments__textarea-wrap.has-value:not(:focus-within) {
	background: var(--nc-surface);
	box-shadow: 0 0 0 1px var(--nc-border);
	border-color: transparent;
}

.eru-news-comments__textarea-row {
	display: flex;
	align-items: flex-end;
	min-height: 34px;
	position: relative;
}

.eru-news-comments__textarea {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	resize: none;
	outline: none;
	font: 15px/20px inherit;
	color: var(--nc-text);
	margin: 7px 0;
	padding: 0;
	max-height: 120px;
	overflow-y: auto;
	font-family: inherit;
}

.eru-news-comments__textarea::placeholder {
	color: var(--nc-muted);
}

.eru-news-comments__textarea:disabled {
	opacity: .6;
}

.eru-news-comments__send {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 1px 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--nc-accent);
	cursor: pointer;
	padding: 0;
}

.eru-news-comments__send svg {
	width: 18px;
	height: 18px;
}

.eru-news-comments__send:disabled {
	color: #5a6570;
	cursor: default;
}

.eru-news-comments__send:hover:not(:disabled) {
	background: rgba(113, 119, 248, .12);
}

.eru-news-comments__toolbar {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 0;
	margin-left: 4px;
	position: relative;
	z-index: 2;
}

.eru-news-comments__emoji-wrap {
	position: relative;
}

.eru-news-comments__emoji-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 1px 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--nc-muted);
	cursor: pointer;
	padding: 0;
}

.eru-news-comments__emoji-btn:hover,
.eru-news-comments__emoji-btn.is-open {
	color: #fff;
	background: rgba(255, 255, 255, .06);
}

.eru-news-comments__emoji-btn:disabled {
	opacity: .45;
	cursor: default;
}

.eru-news-comments__emoji-panel {
	position: fixed;
	z-index: 1200;
	width: 300px;
}

/* Emoji picker panel — как в knowledge-base / скрин */
.eru-emoji-picker {
	width: 300px;
	height: 308px;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	background: #fff;
	color: #323537;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .28), 0 0 0 1px rgba(50, 53, 55, .06);
	overflow: hidden;
	font-family: inherit;
}

.eru-emoji-picker__search {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 8px 0;
	padding: 0 10px;
	height: 36px;
	border-radius: 10px;
	border: 1.5px solid #2bb7c7;
	background: #fff;
	box-sizing: border-box;
	flex-shrink: 0;
}

.eru-emoji-picker__search:focus-within {
	border-color: #1fa8b8;
	box-shadow: 0 0 0 2px rgba(43, 183, 199, .18);
}

.eru-emoji-picker__search-icon {
	display: inline-flex;
	color: #99a2ad;
	flex-shrink: 0;
}

.eru-emoji-picker__search-input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	font: 14px/20px inherit;
	color: #323537;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}

.eru-emoji-picker__search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.eru-emoji-picker__search-input::placeholder {
	color: #99a2ad;
}

.eru-emoji-picker__tabs {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	padding: 2px 8px 0;
	border-bottom: 1px solid #e7e8ea;
	flex-shrink: 0;
	overflow: hidden;
}

.eru-emoji-picker__tab {
	appearance: none;
	border: 0;
	background: transparent;
	flex: 1 1 0;
	min-width: 0;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	opacity: .45;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 0;
	color: #6d7885;
}

.eru-emoji-picker__tab.is-active {
	opacity: 1;
	border-bottom-color: #2bb7c7;
}

.eru-emoji-picker__tab:hover {
	opacity: 1;
}

.eru-emoji-picker__body {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 4px 8px 6px;
	scrollbar-width: thin;
	scrollbar-color: #dce1e6 transparent;
}

.eru-emoji-picker__body::-webkit-scrollbar {
	width: 6px;
}

.eru-emoji-picker__body::-webkit-scrollbar-thumb {
	background: #dce1e6;
	border-radius: 6px;
}

.eru-emoji-picker__body::-webkit-scrollbar-track {
	margin: 2px 0 8px;
	background: transparent;
}

.eru-emoji-picker__section-title {
	font: 13px/16px inherit;
	font-weight: 400;
	color: #99a2ad;
	padding: 12px 6px 4px;
	height: 32px;
	box-sizing: border-box;
}

.eru-emoji-picker__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 2px 0;
	width: 100%;
}

.eru-emoji-picker__emoji {
	appearance: none;
	border: 0;
	background: transparent;
	box-sizing: content-box;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1;
	border-radius: 10px;
	cursor: pointer;
	padding: 0;
}

.eru-emoji-picker__emoji > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
}

.eru-emoji-picker__emoji:hover {
	background: rgba(50, 53, 55, .06);
}

.eru-emoji-picker__empty {
	font: 13px/16px inherit;
	color: #99a2ad;
	padding: 12px;
}

.eru-news-comments__cancel {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	margin-top: 8px;
	margin-left: 8px;
	font-size: 13px;
	line-height: 16px;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__cancel:hover {
	color: #fff;
}

.eru-news-comments__list {
	width: 100%;
	max-width: 720px;
}

.eru-news-comments__loading {
	font-size: 14px;
	color: var(--nc-muted);
	padding: 8px 0;
}

.eru-news-comments__item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
}

.eru-news-comments__body {
	flex: 1;
	min-width: 0;
}

.eru-news-comments__bubble {
	box-sizing: border-box;
	border-radius: var(--nc-radius);
	background: var(--nc-subdued);
	width: 100%;
	max-width: 676px;
	padding: 12px 16px;
	position: relative;
}

.eru-news-comments__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 4px;
}

.eru-news-comments__author {
	font: 500 15px/20px inherit;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-news-comments__date {
	flex-shrink: 0;
	margin-left: 8px;
	font: 13px/16px inherit;
	color: var(--nc-muted);
}

.eru-news-comments__parent {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 1;
	min-width: 0;
	margin: 0 4px;
	font: 13px/16px inherit;
	color: var(--nc-muted);
}

.eru-news-comments__parent svg {
	flex-shrink: 0;
}

.eru-news-comments__parent span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-news-comments__text {
	margin: 0;
	font: 15px/20px inherit;
	color: var(--nc-text);
	white-space: pre-line;
	word-break: break-word;
	max-width: 644px;
}

.eru-news-comments__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
	margin-left: 8px;
	width: 100%;
	max-width: 676px;
}

.eru-news-comments__footer-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
}

.eru-news-comments__footer-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
}

.eru-news-comments__action {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0 8px;
	font: 15px/20px inherit;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__action:hover {
	color: #fff;
}

.eru-news-comments__owner-actions {
	display: none;
	align-items: center;
	gap: 0;
}

.eru-news-comments__item:hover .eru-news-comments__owner-actions,
.eru-news-comments__item:focus-within .eru-news-comments__owner-actions {
	display: inline-flex;
}

.eru-news-comments__action--danger:hover {
	color: #ff7b8a;
}

.eru-news-comments__edit-box {
	margin-bottom: 4px;
}

.eru-news-comments__replies-toggle {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 4px 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 15px/20px inherit;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__replies-toggle:hover {
	color: #fff;
}

.eru-news-comments__replies-arrow {
	display: inline-flex;
	color: inherit;
	flex-shrink: 0;
}

.eru-news-comments__replies-count {
	font-weight: 650;
	color: inherit;
}

/* Shared reaction bar (news + comments) */
.eru-news-reactions {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 8px;
	flex-shrink: 0;
}

.eru-news-view__reactions {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.eru-news-view__reactions .eru-news-reactions {
	margin-left: 0;
}

.eru-news-reactions__summary {
	display: flex;
	align-items: center;
	gap: 4px;
}

.eru-news-reactions__total {
	font: 13px/16px inherit;
	color: var(--nc-muted);
	margin-right: 2px;
}

.eru-news-reactions__icons {
	display: flex;
	align-items: center;
}

.eru-news-reactions__mini {
	display: inline-flex;
	width: 18px;
	height: 18px;
	margin-left: -4px;
}

.eru-news-reactions__mini:first-child {
	margin-left: 0;
}

.eru-news-reactions__mini svg {
	width: 18px;
	height: 18px;
	display: block;
}

.eru-news-reactions__wrap {
	position: relative;
}

.eru-news-reactions__picker {
	position: absolute;
	right: 0;
	bottom: 100%;
	padding-bottom: 10px; /* hit-area bridge — панель не пропадает при наведении */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity .16s ease, transform .18s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .16s;
	z-index: 20;
}

.eru-news-reactions__picker.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity .16s ease, transform .18s cubic-bezier(.22, 1, .36, 1), visibility 0s;
}

.eru-news-reactions__picker-inner {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 6px 8px;
	border-radius: 999px;
	background: #1f2733;
	border: 1px solid rgba(255, 255, 255, .08);
}

.eru-news-reactions__opt {
	appearance: none;
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	padding: 2px;
	border-radius: 50%;
	cursor: pointer;
	line-height: 0;
	transform: scale(1);
	transition: transform .22s cubic-bezier(.22, 1, .36, 1);
}

.eru-news-reactions__opt:hover,
.eru-news-reactions__opt:focus,
.eru-news-reactions__opt:focus-visible,
.eru-news-reactions__opt.is-selected {
	background: transparent;
	outline: none;
	box-shadow: none;
	transform: scale(1.22);
}

.eru-news-reactions__opt-icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
}

.eru-news-reactions__opt-icon svg {
	width: 28px;
	height: 28px;
	display: block;
}

.eru-news-reactions__btn {
	--reaction-counter-color: var(--nc-muted);
	appearance: none;
	border: 0;
	background: transparent;
	outline: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 8px;
	font: 500 13px/16px inherit;
	font-family: inherit;
	color: var(--reaction-counter-color);
	cursor: pointer;
	border-radius: 8px;
}

.eru-news-reactions__btn:hover {
	color: #fff;
}

.eru-news-reactions__btn.is-selected {
	color: var(--reaction-counter-color);
}

.eru-news-reactions__btn--pink {
	--reaction-counter-color: #ff6b9d;
}

.eru-news-reactions__btn--yellow {
	--reaction-counter-color: #eea811;
}

.eru-news-reactions__btn--orange {
	--reaction-counter-color: #e2422c;
}

.eru-news-reactions__btn-icon {
	display: inline-flex;
	width: 15px;
	height: 15px;
}

.eru-news-reactions__btn-icon svg {
	width: 15px;
	height: 15px;
	display: block;
}

.eru-news-comments__replies {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
}

.eru-news-comments__replies-list {
	flex-basis: 100%;
	min-width: 0;
}

.eru-news-comments__reply-composer {
	margin-top: 8px;
}

/* Material / cinematic Radix dropdown — full component styles */

.m3-trigger-root {
	position: relative;
	overflow: hidden;
	outline: none;
}

.m3-trigger-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	transition: transform 0.15s ease, background-color 0.15s ease;
}

.m3-trigger-surface {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.m3-trigger-inner {
	position: relative;
	z-index: 10;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	gap: inherit;
	pointer-events: none;
}

.m3-ripple-surface {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
}

.m3-ripple-hover {
	position: absolute;
	inset: 0;
	background: currentColor;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.group:hover .m3-ripple-hover,
.group[data-highlighted] .m3-ripple-hover,
.m3-item[data-highlighted] .m3-ripple-hover,
.m3-item:focus-visible .m3-ripple-hover {
	opacity: 0.08;
}

.m3-ripple-blob {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 9999px;
	opacity: 0;
	background: currentColor;
	transition: opacity 375ms linear;
	pointer-events: none;
}

/* —— Content (cinematic sweep) —— */
.m3-content {
	--m3-menu-radius: 12px;
	--m3-popover: #2a303c;
	--m3-popover-fg: #f4f4f5;
	--m3-popover-muted: #9ca3af;
	--m3-popover-border: rgba(255, 255, 255, 0.1);
	--m3-popover-hover: rgba(255, 255, 255, 0.08);
	--m3-popover-primary: rgba(113, 119, 248, 0.85);
	--m3-popover-danger: #ef4444;
	--m3-popover-danger-soft: rgba(239, 68, 68, 0.1);
	z-index: 1200;
	min-width: 16rem;
	width: auto;
	max-width: min(100vw - 24px, 320px);
	position: relative;
	overflow: hidden;
	padding: 0;
	border-radius: var(--m3-menu-radius);
	background: var(--m3-popover);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	color: var(--m3-popover-fg);
	border: 1px solid var(--m3-popover-border);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	outline: none;
	transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}

@media (prefers-reduced-motion: no-preference) {
	@keyframes m3-sweep-down {
		0% {
			clip-path: inset(0 0 100% 0 round var(--m3-menu-radius, 12px));
		}
		100% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
		}
	}
	@keyframes m3-sweep-up {
		0% {
			clip-path: inset(100% 0 0 0 round var(--m3-menu-radius, 12px));
		}
		100% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
		}
	}
	@keyframes m3-sweep-right {
		0% {
			clip-path: inset(0 100% 0 0 round var(--m3-menu-radius, 12px));
		}
		100% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
		}
	}
	@keyframes m3-sweep-left {
		0% {
			clip-path: inset(0 0 0 100% round var(--m3-menu-radius, 12px));
		}
		100% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
		}
	}

	@keyframes m3-sweep-out-up {
		0% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
			opacity: 1;
		}
		100% {
			clip-path: inset(0 0 100% 0 round var(--m3-menu-radius, 12px));
			opacity: 0;
		}
	}
	@keyframes m3-sweep-out-down {
		0% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
			opacity: 1;
		}
		100% {
			clip-path: inset(100% 0 0 0 round var(--m3-menu-radius, 12px));
			opacity: 0;
		}
	}
	@keyframes m3-sweep-out-left {
		0% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
			opacity: 1;
		}
		100% {
			clip-path: inset(0 100% 0 0 round var(--m3-menu-radius, 12px));
			opacity: 0;
		}
	}
	@keyframes m3-sweep-out-right {
		0% {
			clip-path: inset(0 0 0 0 round var(--m3-menu-radius, 12px));
			opacity: 1;
		}
		100% {
			clip-path: inset(0 0 0 100% round var(--m3-menu-radius, 12px));
			opacity: 0;
		}
	}

	@keyframes m3-item-cinematic {
		0% {
			opacity: 0;
			transform: translateY(8px) scale(0.98);
		}
		100% {
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}
	@keyframes m3-item-exit {
		0% {
			opacity: 1;
			transform: translateY(0) scale(1);
		}
		100% {
			opacity: 0;
			transform: translateY(4px) scale(0.95);
		}
	}

	.m3-content[data-state='open'] {
		opacity: 1;
	}
	.m3-content[data-state='closed'] {
		opacity: 0;
		transition: opacity 200ms linear;
	}

	.m3-content[data-state='open'][data-side='bottom'] {
		animation: m3-sweep-down 400ms cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
	}
	.m3-content[data-state='open'][data-side='top'] {
		animation: m3-sweep-up 400ms cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
	}
	.m3-content[data-state='open'][data-side='right'] {
		animation: m3-sweep-right 400ms cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
	}
	.m3-content[data-state='open'][data-side='left'] {
		animation: m3-sweep-left 400ms cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
	}

	.m3-content[data-state='closed'][data-side='bottom'] {
		animation: m3-sweep-out-up 300ms cubic-bezier(0.4, 0, 1, 1) forwards;
	}
	.m3-content[data-state='closed'][data-side='top'] {
		animation: m3-sweep-out-down 300ms cubic-bezier(0.4, 0, 1, 1) forwards;
	}
	.m3-content[data-state='closed'][data-side='right'] {
		animation: m3-sweep-out-left 300ms cubic-bezier(0.4, 0, 1, 1) forwards;
	}
	.m3-content[data-state='closed'][data-side='left'] {
		animation: m3-sweep-out-right 300ms cubic-bezier(0.4, 0, 1, 1) forwards;
	}

	.m3-content[data-state='open'] .m3-item-enter {
		opacity: 0;
		animation: m3-item-cinematic 350ms cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
		animation-delay: calc(var(--m3-stagger, 0) * 30ms + 40ms);
	}
	.m3-content[data-state='closed'] .m3-item-enter {
		animation: m3-item-exit 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
	}
}

/* —— Items —— */
.m3-item {
	position: relative;
	display: flex;
	cursor: pointer;
	user-select: none;
	align-items: stretch;
	padding: 0;
	min-height: 48px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.01em;
	outline: none;
	overflow: hidden;
	border-radius: 0;
	color: var(--m3-popover-fg, #fff) !important;
	background: transparent;
	border: 0;
	width: 100%;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.m3-item:hover,
.m3-item:focus,
.m3-item:active,
.m3-item[data-highlighted],
a.m3-item:hover,
a.m3-item:focus,
a.m3-item:active {
	color: var(--m3-popover-fg, #fff) !important;
	text-decoration: none !important;
}

.m3-item[data-disabled] {
	pointer-events: none;
	opacity: 0.4;
}

/* Full-row hover / keyboard highlight — like the demo */
.m3-item[data-highlighted],
.m3-item:hover:not([data-disabled]) {
	background: var(--m3-popover-hover, rgba(255, 255, 255, 0.08));
}

.m3-item-inner {
	position: relative;
	z-index: 10;
	display: flex;
	width: 100%;
	align-items: center;
	gap: 12px;
	pointer-events: none;
	min-width: 0;
	color: inherit;
}

.m3-item-inner span {
	color: inherit;
}

.m3-item-inner svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--m3-popover-muted, rgba(255, 255, 255, 0.55));
	opacity: 0.85;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.m3-item[data-highlighted] .m3-item-inner svg,
.m3-item:hover:not([data-disabled]) .m3-item-inner svg {
	color: var(--m3-popover-fg, #fff);
	opacity: 1;
}

.m3-item-pad {
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
	padding: 0 16px;
	min-width: 0;
}

.m3-item-pad--inset,
.m3-item--inset .m3-item-pad {
	padding-left: 48px;
}

.m3-item-indicator {
	display: flex;
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.m3-check-icon {
	width: 16px !important;
	height: 16px !important;
	color: var(--m3-popover-fg, #fff) !important;
}

.m3-radio-icon {
	width: 10px !important;
	height: 10px !important;
	fill: currentColor;
	color: var(--m3-popover-fg, #fff) !important;
}

.m3-page-chevron {
	margin-left: auto;
	width: 16px !important;
	height: 16px !important;
	opacity: 0.7;
	color: var(--m3-popover-muted, rgba(255, 255, 255, 0.45)) !important;
}

.m3-back-icon {
	width: 20px !important;
	height: 20px !important;
	color: var(--m3-popover-fg, #fff) !important;
}

.m3-item--destructive,
.m3-item.m3-item--destructive {
	color: var(--m3-popover-danger, #ef4444) !important;
}

.m3-item--destructive .m3-item-inner svg {
	color: var(--m3-popover-danger, #ef4444) !important;
	opacity: 1;
}

.m3-item--destructive[data-highlighted],
.m3-item--destructive:hover:not([data-disabled]) {
	background: var(--m3-popover-danger-soft, rgba(239, 68, 68, 0.1)) !important;
	color: var(--m3-popover-danger, #ef4444) !important;
}

.m3-separator {
	height: 1px;
	width: 100%;
	margin: 2px 0;
	border: 0;
	background: linear-gradient(
		to right,
		transparent,
		var(--m3-popover-border, rgba(255, 255, 255, 0.18)),
		transparent
	);
	opacity: 0.85;
}

.m3-label {
	padding: 16px 20px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--m3-popover-primary, rgba(113, 119, 248, 0.85));
}

.m3-label--inset {
	padding-left: 48px;
}

/* —— Drilldown pages —— */
.m3-page {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	transition: transform 350ms cubic-bezier(0.2, 0, 0, 1), opacity 350ms cubic-bezier(0.2, 0, 0, 1),
		scale 350ms cubic-bezier(0.2, 0, 0, 1);
}

.m3-page--active {
	transform: translateX(0) scale(1);
	opacity: 1;
	pointer-events: auto;
	position: relative;
}

.m3-page--left {
	transform: translateX(-20%) scale(0.98);
	opacity: 0;
	pointer-events: none;
}

.m3-page--right {
	transform: translateX(20%) scale(0.98);
	opacity: 0;
	pointer-events: none;
}

/* Profile trigger — flat by default, soft rounded hover like header chips */
.eru-profile-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.eru-profile-toggle.m3-trigger-root,
.eru-profile-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 4px 12px 4px 4px;
	border: 0 !important;
	border-radius: 12px;
	background: transparent !important;
	color: var(--tw-text, #fff);
	cursor: pointer;
	outline: none !important;
	box-shadow: none !important;
	overflow: visible !important;
	opacity: 1 !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.eru-profile-toggle:hover,
.eru-profile-toggle:focus-visible,
.eru-profile-toggle[data-state='open'] {
	background: var(--tw-hover-fill-strong, rgba(255, 255, 255, 0.1)) !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: none !important;
	color: var(--tw-text, #fff);
}

.eru-profile-toggle:focus,
.eru-profile-toggle:active {
	outline: none !important;
	box-shadow: none !important;
}

/* Kill M3 ripple / surface highlight on header profile */
.eru-profile-toggle .m3-ripple-surface,
.eru-profile-toggle .m3-ripple-hover,
.eru-profile-toggle .m3-ripple-blob,
.eru-profile-toggle .m3-trigger-surface {
	display: none !important;
	opacity: 0 !important;
	background: transparent !important;
}

.eru-profile-toggle .m3-trigger-inner {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: auto;
	height: auto;
	justify-content: flex-start;
	pointer-events: none;
}

.eru-profile-toggle__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--tw-page, #17212b);
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
	box-shadow: none;
}

.eru-profile-toggle__nick {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1;
	max-width: 128px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit;
}

.m3-profile-user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px 10px;
}

.m3-profile-user__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
}

.m3-profile-user__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.m3-profile-user__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--m3-popover-fg, #fff);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m3-profile-user__email {
	font-size: 12px;
	color: var(--m3-popover-muted, rgba(255, 255, 255, 0.45));
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m3-lang-flag {
	display: inline-block;
	width: 18px;
	height: 12px;
	margin-left: auto;
	border-radius: 2px;
	background: linear-gradient(180deg, #fff 33%, #0039a6 33%, #0039a6 66%, #d52b1e 66%);
}

@media (max-width: 991.98px) {
	.eru-profile-wrap--desktop-only {
		display: none !important;
	}
}

/* Mobile sidebar — SidebarNav-style drawer for client panel */

.eru-ms {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 12px;
	box-sizing: border-box;
	background: transparent;
	color: var(--tw-text, #fff);
	font-family: inherit;
}

.eru-ms__top {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 8px;
}

.eru-ms__workspace {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: 10px;
	text-decoration: none !important;
	color: inherit !important;
	transition: background-color 0.15s ease;
	user-select: none;
}

.eru-ms__workspace:hover,
.eru-ms__workspace:focus-visible {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.05));
	outline: none;
}

.eru-ms__workspace--brand {
	cursor: default;
}

.eru-ms__workspace--brand:hover {
	background: transparent;
}

.eru-ms__avatar,
.eru-ms__brand-mark {
	width: 32px;
	height: 32px;
	border-radius: 6px;
	flex-shrink: 0;
	background-color: rgba(113, 119, 248, 0.9);
	background-size: cover;
	background-position: center;
	display: grid;
	place-items: center;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.eru-ms__brand-mark {
	background: #fff;
	color: #111;
}

.eru-ms__workspace-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.eru-ms__workspace-name {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.15;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--tw-text, #fff);
}

.eru-ms__brand-accent {
	color: #7177f8;
	font-weight: 600;
	margin-left: 3px;
}

.eru-ms__workspace-sub {
	font-size: 11px;
	line-height: 1.15;
	color: var(--tw-muted, rgba(255, 255, 255, 0.45));
}

.eru-ms__workspace-sub strong {
	color: var(--tw-text, rgba(255, 255, 255, 0.75));
	font-weight: 600;
}

.eru-ms__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-top: 4px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--tw-muted, rgba(255, 255, 255, 0.45));
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.eru-ms__close:hover {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.06));
	color: var(--tw-text, #fff);
}

.eru-ms__close svg {
	width: 18px;
	height: 18px;
}

.eru-ms__scroll {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 8px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.eru-ms__scroll::-webkit-scrollbar {
	display: none;
}

.eru-ms__group {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.eru-ms__heading {
	padding: 0 10px 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--tw-muted, rgba(255, 255, 255, 0.35));
}

.eru-ms__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	min-height: 34px;
	padding: 7px 10px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--tw-muted, rgba(255, 255, 255, 0.55));
	font: inherit;
	text-align: left;
	text-decoration: none !important;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.15s ease, color 0.15s ease;
	box-sizing: border-box;
}

.eru-ms__item:hover,
.eru-ms__item:focus-visible {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.05));
	color: var(--tw-text, rgba(255, 255, 255, 0.92));
	outline: none;
}

.eru-ms__item.is-active {
	background: var(--tw-hover-fill-strong, rgba(255, 255, 255, 0.1));
	color: var(--tw-text, #fff);
	font-weight: 500;
}

.eru-ms__item-main {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.eru-ms__icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--tw-muted, rgba(255, 255, 255, 0.45));
	transition: color 0.15s ease;
}

.eru-ms__item:hover .eru-ms__icon,
.eru-ms__item.is-active .eru-ms__icon {
	color: var(--tw-text, rgba(255, 255, 255, 0.9));
}

.eru-ms__label {
	font-size: 13px;
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-ms__item-aside {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.eru-ms__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 600;
	background: rgba(113, 119, 248, 0.18);
	color: #a8adff;
}

.eru-ms__chevron {
	width: 14px;
	height: 14px;
	color: var(--tw-muted, rgba(255, 255, 255, 0.35));
	transition: transform 0.2s ease;
}

.eru-ms__chevron.is-open {
	transform: rotate(90deg);
}

.eru-ms__collapse {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 0.28s ease, opacity 0.28s ease;
}

.eru-ms__collapse.is-open {
	grid-template-rows: 1fr;
	opacity: 1;
}

.eru-ms__collapse-inner {
	overflow: hidden;
	min-height: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 2px;
}

.eru-ms__rail {
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 1px solid var(--tw-line, rgba(255,255,255,0.08));
	pointer-events: none;
}

.eru-ms__bottom {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--tw-line, rgba(255,255,255,0.08));
	display: flex;
	flex-direction: column;
	gap: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.eru-ms__collapse,
	.eru-ms__chevron,
	.eru-ms__item {
		transition: none;
	}
}

/* Drawer shell tweaks when hosting new sidebar */
@media (max-width: 991.98px) {
	.header-menu-wrapper.eru-ms-host {
		display: flex !important;
		flex-direction: column !important;
		padding: 0 !important;
		width: min(280px, 88vw) !important;
	}

	.header-menu-wrapper.eru-ms-host .eru-ms {
		flex: 1;
		min-height: 100%;
	}
}

/* Base UI NavigationMenu — full transitions (popup size + content slide) */

.eru-nm {
	--duration: 0.35s;
	--easing: cubic-bezier(0.22, 1, 0.36, 1);
	position: relative;
	display: none;
	align-items: center;
	flex: 0 0 auto;
	max-width: max-content;
}

.eru-nm__list {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.eru-nm__item {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.eru-nm__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 36px;
	height: 36px;
	padding: 8px 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--tw-muted, rgba(255, 255, 255, 0.55));
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.eru-nm__trigger svg:not(.eru-nm__chevron) {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.eru-nm__trigger[data-popup-open],
.eru-nm__trigger[data-active],
.eru-nm__trigger.is-active {
	color: var(--tw-text, #fff);
}

@media (hover: hover) and (pointer: fine) {
	.eru-nm__trigger:hover {
		background: var(--tw-hover-fill, rgba(255, 255, 255, 0.06));
		color: var(--tw-text, #fff);
	}
}

.eru-nm__trigger:focus-visible {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.06));
	color: var(--tw-text, #fff);
}

.eru-nm__chevron {
	width: 12px !important;
	height: 12px !important;
	position: relative;
	top: 1px;
	margin-left: 2px;
	opacity: 0.55;
	transition: transform 0.3s ease, opacity 0.15s ease;
}

.eru-nm__trigger[data-popup-open] .eru-nm__chevron {
	transform: rotate(180deg);
	opacity: 0.9;
}

/* Positioner: only top/left/right/bottom — size via CSS vars (instant) */
.eru-nm__positioner {
	box-sizing: border-box;
	z-index: 1100;
	height: var(--positioner-height);
	width: var(--positioner-width);
	max-width: var(--available-width, min(100vw - 40px, 420px));
	transition-property: top, left, right, bottom;
	transition-duration: var(--duration);
	transition-timing-function: var(--easing);
}

.eru-nm__positioner[data-instant] {
	transition: none;
}

.eru-nm__positioner::before {
	content: '';
	position: absolute;
}

.eru-nm__positioner[data-side='bottom']::before {
	left: 0;
	right: 0;
	top: -10px;
	height: 10px;
}

.eru-nm__positioner[data-side='top']::before {
	left: 0;
	right: 0;
	bottom: -10px;
	height: 10px;
}

.eru-nm__positioner[data-side='left']::before {
	top: 0;
	bottom: 0;
	right: -10px;
	width: 10px;
}

.eru-nm__positioner[data-side='right']::before {
	top: 0;
	bottom: 0;
	left: -10px;
	width: 10px;
}

/*
 * Popup: width/height morph via --popup-* (Base UI sets these).
 * transition includes width + height — this is the correct fast size feel.
 */
.eru-nm__popup {
	--nm-popover: #2a303c;
	--nm-popover-fg: #f4f4f5;
	--nm-popover-muted: #9ca3af;
	--nm-popover-border: rgba(255, 255, 255, 0.1);
	--nm-popover-hover: rgba(255, 255, 255, 0.08);
	--nm-popover-accent: rgba(255, 255, 255, 0.08);
	position: relative;
	box-sizing: border-box;
	width: var(--popup-width);
	height: var(--popup-height);
	padding: 0;
	border-radius: 8px;
	background: var(--nm-popover);
	border: 0;
	box-shadow: none;
	outline: 1px solid var(--nm-popover-border);
	outline-offset: -1px;
	overflow: visible;
	transform-origin: var(--transform-origin);
	color: var(--nm-popover-fg);
	transition:
		opacity var(--duration, 0.35s) var(--easing, cubic-bezier(0.22, 1, 0.36, 1)),
		transform var(--duration, 0.35s) var(--easing, cubic-bezier(0.22, 1, 0.36, 1)),
		width var(--duration, 0.35s) var(--easing, cubic-bezier(0.22, 1, 0.36, 1)),
		height var(--duration, 0.35s) var(--easing, cubic-bezier(0.22, 1, 0.36, 1));
}

.eru-nm__popup[data-starting-style],
.eru-nm__popup[data-ending-style] {
	opacity: 0;
	transform: scale(0.9);
}

.eru-nm__popup[data-ending-style] {
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.eru-nm__viewport {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Content: ±50% activation-direction slide */
.eru-nm__content {
	box-sizing: border-box;
	width: max-content;
	max-width: 400px;
	height: 100%;
	padding: 8px;
	transition:
		opacity calc(var(--duration) * 0.5) ease,
		transform var(--duration) var(--easing);
}

.eru-nm__content[data-starting-style],
.eru-nm__content[data-ending-style] {
	opacity: 0;
}

.eru-nm__content[data-starting-style][data-activation-direction='left'] {
	transform: translateX(-50%);
}

.eru-nm__content[data-starting-style][data-activation-direction='right'] {
	transform: translateX(50%);
}

.eru-nm__content[data-ending-style][data-activation-direction='left'] {
	transform: translateX(50%);
}

.eru-nm__content[data-ending-style][data-activation-direction='right'] {
	transform: translateX(-50%);
}

.eru-nm__panel {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 240px;
}

.eru-nm__link {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	padding: 10px 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--nm-popover-fg);
	text-align: left;
	text-decoration: none !important;
	font: inherit;
	cursor: pointer;
	outline: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
	.eru-nm__link:hover {
		background: var(--nm-popover-accent);
		color: var(--nm-popover-fg);
	}
}

.eru-nm__link:focus-visible {
	background: var(--nm-popover-accent);
	color: var(--nm-popover-fg);
}

.eru-nm__link[data-active] {
	background: var(--nm-popover-hover);
	color: var(--nm-popover-fg);
}

.eru-nm__link-icon {
	width: 16px;
	height: 16px;
	margin-top: 2px;
	flex-shrink: 0;
	color: var(--nm-popover-muted);
}

.eru-nm__link:hover .eru-nm__link-icon,
.eru-nm__link[data-active] .eru-nm__link-icon {
	color: var(--nm-popover-fg);
}

.eru-nm__link-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.eru-nm__link-title {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--nm-popover-fg);
}

.eru-nm__link-desc {
	font-size: 12px;
	line-height: 1.35;
	color: var(--nm-popover-muted);
}

.eru-nm__arrow {
	display: flex;
	color: var(--nm-popover);
	transition: left var(--duration) var(--easing);
}

.eru-nm__arrow[data-side='bottom'] {
	top: -8px;
}

.eru-nm__arrow[data-side='top'] {
	bottom: -8px;
	transform: rotate(180deg);
}

.eru-nm__arrow[data-side='left'] {
	right: -13px;
	transform: rotate(90deg);
}

.eru-nm__arrow[data-side='right'] {
	left: -13px;
	transform: rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
	.eru-nm__popup,
	.eru-nm__positioner,
	.eru-nm__content,
	.eru-nm__chevron,
	.eru-nm__trigger,
	.eru-nm__arrow {
		transition: none !important;
	}
}

@media (min-width: 992px) {
	#kt_header.eru-site-header,
	#kt_header.eru-site-header.header-fixed,
	#kt_header.eru-site-header > .container {
		overflow: visible !important;
	}

	#kt_header.eru-site-header > .container {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}

	#kt_header.eru-site-header .header-menu-wrapper.eru-ms-host {
		display: flex !important;
		flex: 0 1 auto;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
		min-width: 0;
		width: auto !important;
		position: relative;
		left: auto !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	#kt_header.eru-site-header .eru-header-logo {
		margin-right: 8px !important;
		flex-shrink: 0;
	}

	.eru-nm {
		display: flex;
	}

	#kt_header.eru-site-header .topbar {
		display: flex !important;
		align-items: center;
		flex: 0 0 auto;
		margin-left: auto;
	}
}

/* Full-page / in-shell HTTP error block (403, 404, 500, …) */
.eru-error {
	--eru-error-fg: var(--tw-text, #fff);
	--eru-error-muted: var(--tw-muted, #7f91a4);
	--eru-error-border: var(--tw-line, rgba(255, 255, 255, 0.1));
	--eru-error-muted-bg: var(--tw-surface, rgba(255, 255, 255, 0.04));
	--eru-error-card: var(--tw-card, #242f3d);
	display: flex;
	width: 100%;
	min-height: min(70vh, 560px);
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	color: var(--eru-error-fg);
	box-sizing: border-box;
}

.eru-error--fill {
	min-height: calc(100vh - var(--eru-header-h, 64px) - 48px);
	min-height: calc(100dvh - var(--eru-header-h, 64px) - 48px);
}

.eru-error__inner {
	width: 100%;
	max-width: 28rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.eru-error__icon {
	display: flex;
	width: 3.5rem;
	height: 3.5rem;
	align-items: center;
	justify-content: center;
	border-radius: 0.75rem;
	border: 1px solid var(--eru-error-border);
	background: var(--eru-error-muted-bg);
	color: var(--eru-error-fg);
}

.eru-error__icon svg {
	width: 1.5rem;
	height: 1.5rem;
}

.eru-error__code {
	margin: 1.5rem 0 0;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--eru-error-muted);
}

.eru-error__title {
	margin: 0.5rem 0 0;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--eru-error-fg);
}

.eru-error__desc {
	margin: 0.75rem 0 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--eru-error-muted);
	text-wrap: pretty;
}

.eru-error__actions {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	width: 100%;
	max-width: 20rem;
}

@media (min-width: 640px) {
	.eru-error__actions {
		flex-direction: row;
		justify-content: center;
		max-width: none;
		width: auto;
	}
}

.eru-error__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	padding: 0 1rem;
	border-radius: 0.625rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
	box-sizing: border-box;
}

.eru-error__btn svg {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}

.eru-error__btn--primary {
	background: var(--tw-btn-primary, #7177f8);
	color: #fff;
}

.eru-error__btn--primary:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff;
}

.eru-error__btn--outline {
	background: transparent;
	border-color: var(--eru-error-border);
	color: var(--eru-error-fg);
}

.eru-error__btn--outline:hover {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.06));
}

html[data-theme='light'] .eru-error {
	--eru-error-fg: #111;
	--eru-error-muted: #667085;
	--eru-error-border: rgba(0, 0, 0, 0.1);
	--eru-error-muted-bg: rgba(0, 0, 0, 0.04);
}

/* Auth — reference layout (black, no shadows) */
.eru-auth {
	--auth-bg: #000000;
	--auth-fg: #fafafa;
	--auth-muted: #a1a1aa;
	--auth-border: rgba(255, 255, 255, 0.1);
	--auth-input-bg: #09090b;
	--auth-hover: #18181b;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--auth-bg);
	color: var(--auth-fg);
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.eru-auth *,
.eru-auth *::before,
.eru-auth *::after {
	box-shadow: none !important;
}

.eru-auth__main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 16px 24px;
}

.eru-auth__wrap {
	width: 100%;
	max-width: 350px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.eru-auth__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	margin-bottom: 24px;
}

.eru-auth__title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--auth-fg);
}

.eru-auth__subtitle {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--auth-muted);
	text-wrap: balance;
}

.eru-auth__form {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.eru-auth__grid {
	display: grid;
	gap: 16px;
}

.eru-auth__field {
	display: grid;
	gap: 8px;
}

.eru-auth__label {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: var(--auth-fg);
}

.eru-auth__input {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid var(--auth-border);
	background: var(--auth-input-bg);
	color: var(--auth-fg);
	font-size: 14px;
	outline: none;
	transition: background 0.15s ease;
}
.eru-auth__input::placeholder {
	color: rgba(161, 161, 170, 0.7);
}
.eru-auth__input:focus {
	background: var(--auth-hover);
}

.eru-auth__pass {
	position: relative;
}
.eru-auth__pass .eru-auth__input {
	padding-right: 40px;
}
.eru-auth__pass-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: rgba(161, 161, 170, 0.8);
	cursor: pointer;
	padding: 0;
}
.eru-auth__pass-toggle:hover {
	color: var(--auth-fg);
}

.eru-auth__error {
	margin: 0;
	font-size: 13px;
	color: #f87171;
}
.eru-auth__success {
	margin: 0;
	font-size: 13px;
	color: #4ade80;
}

.eru-auth__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid var(--auth-border);
	background: var(--auth-bg);
	color: var(--auth-fg);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.eru-auth__btn:hover:not(:disabled) {
	background: var(--auth-hover);
}
.eru-auth__btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.eru-auth__btn--mt {
	margin-top: 8px;
}

.eru-auth__switch {
	text-align: center;
	font-size: 14px;
	color: var(--auth-muted);
}

.eru-auth__link {
	display: inline;
	padding: 0;
	margin: 0 0 0 4px;
	border: 0;
	background: none;
	color: var(--auth-fg) !important;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none;
}
.eru-auth__link:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.eru-auth__divider {
	position: relative;
	text-align: center;
	font-size: 14px;
	color: var(--auth-muted);
	margin: 8px 0;
}
.eru-auth__divider::before {
	content: "";
	position: absolute;
	inset: 0;
	top: 50%;
	z-index: 0;
	border-top: 1px solid var(--auth-border);
}
.eru-auth__divider span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 8px;
	background: var(--auth-bg);
}

.eru-auth__google-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.eru-auth__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 24px 24px;
	font-size: 14px;
	color: var(--auth-muted);
}
.eru-auth__foot-btn {
	padding: 0;
	border: 0;
	background: none;
	color: var(--auth-muted);
	font-size: 14px;
	cursor: pointer;
}
.eru-auth__foot-btn:hover {
	color: var(--auth-fg);
}

.eru-auth__forgot-link {
	justify-self: end;
	font-size: 13px;
	color: var(--auth-muted) !important;
	margin-top: -4px;
}

@media (max-width: 479.98px) {
	.eru-auth__main {
		padding-top: 32px;
	}
}

/* Theme tokens — user UI (admin uses eru-tw-admin overrides) */
:root,
html[data-theme='dark'] {
  --tw-page: #17212b;
  --tw-card: #242f3d;
  --tw-card-hover: #2a3645;
  --tw-surface: #1b2530;
  --tw-text: #ffffff;
  --tw-muted: #7f91a4;
  --tw-line: rgba(255, 255, 255, 0.08);
  --tw-line-strong: rgba(255, 255, 255, 0.12);
  --tw-purple: #7177f8;
  --tw-purple-soft: rgba(113, 119, 248, 0.18);
  --tw-btn-primary: #7177f8;
  --tw-btn-primary-hover: #525aff;
  --tw-hover-fill: rgba(255, 255, 255, 0.06);
  --tw-hover-fill-strong: rgba(255, 255, 255, 0.1);
  --tw-header-border: rgba(255, 255, 255, 0.06);
  --tw-shadow: none;
}

/* Global UI scale — 5% smaller. Zoom on #root (not html) so portaled
   tips/toasts on document.body keep correct fixed positioning. */
:root {
  --eru-ui-scale: 0.95;
}

#root {
  zoom: var(--eru-ui-scale);
}

html,
body,
#kt_body,
#root {
  min-height: 100%;
  background: var(--tw-page) !important;
  background-color: var(--tw-page) !important;
  color: var(--tw-text);
  font-family: "Stem", Arial, sans-serif;
}

/* Auth pages — beat #kt_body / --tw-page (#17212b) before .eru-auth paints */
html[data-auth-boot='1'],
html[data-auth-boot='1'][data-theme='dark'],
html[data-auth-boot='1'][data-theme='light'] {
  --tw-page: #000000;
  --tw-text: #fafafa;
}

html[data-auth-boot='1'],
html[data-auth-boot='1'] body,
html[data-auth-boot='1'] #kt_body,
html[data-auth-boot='1'] #root {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #fafafa;
}

#root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Site shell: header / main / footer as distinct layers */
:root {
  --eru-header-h: 64px;
  --eru-header-mobile-h: 56px;
}

.eru-site-shell {
  min-height: 100vh;
  min-height: 100dvh;
}

.eru-site-header,
#kt_header.eru-site-header,
#kt_header.header-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  width: 100%;
  flex: 0 0 auto;
  isolation: isolate;
  background: var(--tw-card, #242f3d) !important;
  background-color: var(--tw-card, #242f3d) !important;
  border-bottom: 1px solid var(--tw-header-border, rgba(255, 255, 255, 0.06));
  box-shadow: none;
}

.eru-site-header-mobile,
#kt_header_mobile.eru-site-header-mobile {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1051;
  flex: 0 0 auto;
  background: var(--tw-card, #242f3d) !important;
  border-bottom: 1px solid var(--tw-header-border, rgba(255, 255, 255, 0.06));
}

.eru-spa-content {
  flex: 1 0 auto;
  background: var(--tw-page, #17212b);
  color: var(--tw-text);
  position: relative;
  z-index: 1;
  padding-top: var(--eru-header-mobile-h);
}

@media (min-width: 992px) {
  #kt_header_mobile {
    display: none !important;
  }

  .eru-spa-content {
    padding-top: var(--eru-header-h);
  }
}

@media (max-width: 991.98px) {
  /* Keep header in DOM so the drawer/overlay (children) can open.
     Hiding with display:none breaks the mobile sidebar. */
  #kt_header.header-fixed.eru-site-header {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
  }

  #kt_header.header-fixed.eru-site-header > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    height: 0;
    overflow: visible;
  }

  #kt_header.header-fixed.eru-site-header .header-menu-wrapper,
  #kt_header.header-fixed.eru-site-header .header-menu-wrapper-overlay {
    pointer-events: auto;
  }
}

.eru-site-footer,
#kt_footer.eru-site-footer {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  margin-top: auto;
}

.eru-spa-page {
  margin-top: 24px;
  padding-bottom: 48px;
}

.eru-balance-skel {
  display: inline-block;
  width: 72px;
  height: 14px;
  border-radius: 6px;
  vertical-align: middle;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 25%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0.08) 75%);
  background-size: 200% 100%;
  animation: eruBalanceSkel 1.2s ease-in-out infinite;
}

/* Header balance — same hover as nav menu links */
.eru-header-balance {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: auto;
  min-height: 0;
  padding: 10px 12px;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--tw-muted, #7f91a4) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: color 0.15s ease;
}
.eru-header-balance:hover {
  background: transparent;
  box-shadow: none;
  color: #fff !important;
}
.eru-header-balance:hover .eru-header-balance__icon {
  color: var(--tw-purple, #7177f8);
}
.eru-header-balance__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.9;
  transition: color 0.15s ease;
}
.eru-header-balance__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

@keyframes eruBalanceSkel {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

/* Server panel embeds — no huge empty gap under settings/libraries */
.eru-spa-page:has(.eru-legacy-stage) {
  padding-bottom: 8px;
}

html.eru-embed .eru-tw-settings .eru-settings {
  margin-bottom: 0 !important;
}

html.eru-embed .eru-tw-settings#kt_content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Page content — Timeweb-style 1100px cap (header stays full-bleed) */
.eru-spa-page .container,
.eru-spa-content .container {
  max-width: 1100px !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Header content aligns with page container (1100px) */
#kt_header > .container {
  max-width: 1100px !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.eru-modal-backdrop {
  display: block !important;
  background: rgba(0, 0, 0, 0.55) !important;
}

/* Header nav icons — same muted color as legacy */
#kt_header .eru-nav-icon,
#kt_header .eru-nav-icon svg,
#kt_header .menu-link .eru-nav-icon {
  color: var(--tw-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
#kt_header .eru-nav-icon svg {
  width: 18px;
  height: 18px;
}
#kt_header .menu-link:hover .eru-nav-icon,
#kt_header .menu-link:hover .eru-nav-icon svg,
#kt_header .menu-link.eru-nav-active .eru-nav-icon,
#kt_header .menu-link.eru-nav-active .eru-nav-icon svg,
#kt_header .menu-item:hover > .menu-link .eru-nav-icon,
#kt_header .menu-item:hover > .menu-link .eru-nav-icon svg,
#kt_header .menu-item.menu-item-open > .menu-link .eru-nav-icon,
#kt_header .menu-item.menu-item-open > .menu-link .eru-nav-icon svg,
#kt_header .menu-item.menu-item-active > .menu-link .eru-nav-icon,
#kt_header .menu-item.menu-item-active > .menu-link .eru-nav-icon svg {
  color: var(--tw-purple, #7177f8) !important;
}
#kt_header .eru-header-balance:hover .eru-header-balance__icon,
#kt_header .eru-header-balance:hover .eru-header-balance__icon svg {
  color: var(--tw-purple, #7177f8) !important;
}
#kt_header_menu button.menu-link,
#kt_header_menu .menu-link[type="button"] {
  width: 100%;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

#kt_header .menu-text {
  color: var(--tw-muted);
}
#kt_header .menu-link:hover .menu-text,
#kt_header .menu-link.eru-nav-active .menu-text {
  color: var(--tw-text);
}

.eru-console__log {
  min-height: 240px;
  max-height: 480px;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 13px;
  white-space: pre-wrap;
  color: #c8d0d8;
  background: #1a222c !important;
}

.eru-control__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.eru-control__actions .eru-act {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 0;
  cursor: pointer;
}

.eru-pay-sheet {
  background: #242f3d;
  border-radius: 12px;
  padding: 20px;
}

/* Content text — theme-aware */
#kt_content h1,
#kt_content h2,
#kt_content h3,
#kt_content .font-weight-bolder {
  color: var(--tw-text);
}

.login-2 .text-dark {
  color: #fff !important;
}

/* Login dark card on #17212b page — inputs must contrast with card */
.login.login-2 {
  background: #17212b !important;
}
.login.login-2 .login-body {
  padding: 24px 16px 48px;
}
.login.login-2 .login-form form.form {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  background: #242f3d !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 0 80px rgba(113, 119, 248, 0.28);
}
.login.login-2 .login-form .text-dark,
.login.login-2 .login-form .text-ser-register {
  color: #a8b6c6 !important;
}
.login.login-2 .form-control,
.login.login-2 .form-control.form-control-solid,
.login.login-2 .form-control-solid {
  background: #17212b !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  min-height: 52px;
  box-shadow: none !important;
}
.login.login-2 .form-control:focus,
.login.login-2 .form-control.form-control-solid:focus {
  background: #141c26 !important;
  border-color: #7177f8 !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.25) !important;
  outline: none;
}
.login.login-2 .form-control::placeholder {
  color: #7f91a4 !important;
  opacity: 1;
}
.login.login-2 .btn.btn-primary {
  min-height: 48px;
  border-radius: 10px;
  font-weight: 700;
}
.login.login-2 .btn-group.btn-block {
  display: flex;
  width: 100%;
}
.login.login-2 .btn-group.btn-block > .btn {
  flex: 1;
}
.login.login-2 .login-footer {
  color: #7f91a4;
}
.login.login-2 .login-footer a {
  color: #a8b6c6;
}
.login.login-2 .login-footer a:hover {
  color: #7177f8;
}
.eru-pass-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8092a5;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 1;
}
.eru-pass-toggle:hover {
  color: #fff;
  background: transparent;
}
.eru-pass-toggle svg {
  display: block;
}
.eru-pass-field {
  position: relative;
  display: block;
}
.eru-pass-field .form-control,
.eru-pass-field input {
  padding-right: 44px;
}
.eru-pass-field .eru-pass-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.login.login-2 .eru-pass-field .eru-pass-toggle {
  right: 10px;
  color: #8a9aab;
}
.login.login-2 .eru-pass-field .eru-pass-toggle:hover {
  color: #c5d0db;
}
.eru-pass-field.is-disabled .eru-pass-toggle {
  opacity: 0.45;
  pointer-events: none;
}

.eru-legacy-frame {
  width: 100%;
  min-height: 320px;
  border: 0;
  border-radius: 12px;
  background: #17212b;
  overflow: hidden;
  display: block;
}

.eru-legacy-stage {
  overflow: visible;
}

/* Admin AMOLED — isolate from client #17212b / purple theme */
html.eru-tw-admin,
body.eru-tw-admin,
html.eru-tw-admin #kt_body,
html.eru-tw-admin #root,
#root:has(.eru-adm-shell) {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #f2f2f2;
}

html.eru-tw-admin,
html.eru-tw-admin[data-theme="dark"],
body.eru-tw-admin {
  --tw-page: #000000;
  --tw-sidebar: #000000;
  --tw-card: #0a0a0a;
  --tw-card-hover: #141414;
  --tw-field: #0f0f0f;
  --tw-text: #f2f2f2;
  --tw-muted: #8a8a8a;
  --tw-purple: #ffffff;
  --tw-purple-soft: rgba(255, 255, 255, 0.12);
  --tw-line: rgba(255, 255, 255, 0.08);
}

.eru-adm-embed-stage {
  background: #000;
  min-height: 320px;
}

.eru-adm-legacy-frame {
  overflow: hidden;
  display: block;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  width: 100%;
}


.card.card-custom {
  background: var(--tw-card);
  border: 0;
  color: var(--tw-text);
}
.text-muted {
  color: var(--tw-muted) !important;
}

button.eru-act:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Centered page loading spinner */
.eru-page-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100dvh - 160px);
  min-height: calc(100vh - 160px);
  padding: 48px 16px;
  box-sizing: border-box;
}
.eru-page-spinner__ring {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.12);
  border-top-color: var(--tw-purple, #7177f8);
  animation: eru-page-spin 0.7s linear infinite;
}
@keyframes eru-page-spin {
  to {
    transform: rotate(360deg);
  }
}

/* React FTP file manager */
.eru-fm {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: #1b2530;
  overflow: hidden;
}
.eru-fm.is-dragover {
  border-color: rgba(113, 119, 248, 0.55);
  box-shadow: inset 0 0 0 1px rgba(113, 119, 248, 0.25);
}
.eru-fm__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-fm__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 0;
  border-radius: 8px;
  background: #2a3544;
  color: #e8eef5;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.eru-fm__btn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  line-height: 0;
}
.eru-fm__btn-ico svg {
  display: block;
}
.eru-fm__btn:hover:not(:disabled) {
  background: #354457;
  color: #fff;
}
.eru-fm__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.eru-fm__btn--danger:hover:not(:disabled) {
  background: rgba(220, 80, 80, 0.28);
  color: #ffb4b4;
}
.eru-fm__sep {
  width: 1px;
  height: 22px;
  margin: 0 2px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
.eru-fm__path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12px;
  color: var(--tw-muted, #7f91a4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  word-break: break-all;
}
.eru-fm__clip {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #9db0c4;
  white-space: nowrap;
}
.eru-fm__body {
  position: relative;
  min-height: 160px;
}
.eru-fm__drop {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(27, 37, 48, 0.88);
  color: #c9d4e3;
  font-size: 14px;
  font-weight: 600;
  pointer-events: none;
}
.eru-fm__drop-ico {
  width: 28px;
  height: 28px;
  color: #8b91f8;
}
.eru-fm__drop-ico svg {
  width: 28px;
  height: 28px;
}
.eru-fm__list {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  max-height: 480px;
  overflow: auto;
}
.eru-fm__empty {
  padding: 28px 12px;
  text-align: center;
}
.eru-fm__row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.eru-fm__row:hover {
  background: rgba(255, 255, 255, 0.04);
}
.eru-fm__row.is-selected {
  background: rgba(113, 119, 248, 0.18);
}
.eru-fm__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eru-fm__meta {
  font-size: 12px;
  color: var(--tw-muted, #7f91a4);
  font-variant-numeric: tabular-nums;
}
.eru-fm__icon {
  flex-shrink: 0;
  width: 18px;
  text-align: center;
  line-height: 1;
}
.eru-fm__icon--dir,
.eru-fm__icon--dir .fa {
  color: #f5c518;
}
.eru-fm__icon--file,
.eru-fm__icon--file .fa {
  color: #9db0c4;
}
.eru-fm__icon--image .fa { color: #5ec8ff; }
.eru-fm__icon--video .fa { color: #c084fc; }
.eru-fm__icon--audio .fa { color: #34d399; }
.eru-fm__icon--pdf .fa { color: #f87171; }
.eru-fm__icon--archive .fa { color: #fbbf24; }
.eru-fm__icon--word .fa { color: #60a5fa; }
.eru-fm__icon--excel .fa { color: #4ade80; }
.eru-fm__icon--code .fa { color: #a78bfa; }
.eru-fm__icon--text .fa { color: #cbd5e1; }

/* Dark theme contrast fixes — remaps Metronic "text-dark*" utilities for readability */
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-dark-75,
html[data-theme="dark"] .text-dark-65,
html[data-theme="dark"] .text-dark-50,
html[data-theme="dark"] .text-dark-25,
html[data-theme="dark"] .text-black {
	color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="dark"] a.text-dark:hover,
html[data-theme="dark"] a.text-dark:focus,
html[data-theme="dark"] a.text-dark-75:hover,
html[data-theme="dark"] a.text-dark-75:focus,
html[data-theme="dark"] a.text-dark-65:hover,
html[data-theme="dark"] a.text-dark-65:focus,
html[data-theme="dark"] a.text-dark-50:hover,
html[data-theme="dark"] a.text-dark-50:focus,
html[data-theme="dark"] .text-hover-primary:hover {
	color: #8b9bff !important;
}

html[data-theme="dark"] .card-label,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .card-title > span,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .navi-text,
html[data-theme="dark"] .navi-link,
html[data-theme="dark"] label,
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .checkbox > span,
html[data-theme="dark"] .radio > span,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .datatable,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
	color: rgba(255, 255, 255, 0.92);
}

html[data-theme="dark"] .text-muted {
	color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-control:focus {
	color: rgba(255, 255, 255, 0.9);
	background-color: #1b2530;
	border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .form-control:focus {
	border-color: var(--tw-purple, #7177f8);
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.18);
}

html[data-theme="dark"] .form-control::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

html[data-theme="dark"] select.form-control {
	color-scheme: dark;
	background-color: #1b2530;
	color: #fff;
}
html[data-theme="dark"] select.form-control option {
	background-color: #1b2530;
	color: #fff;
}

/* Article / rich HTML from Summernote often ships with black inline colors */
html[data-theme="dark"] .news-article-body,
html[data-theme="dark"] .news-article-body p,
html[data-theme="dark"] .news-article-body li,
html[data-theme="dark"] .news-article-body span,
html[data-theme="dark"] .news-article-body div,
html[data-theme="dark"] .news-article-body td,
html[data-theme="dark"] .news-article-body font {
	color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="dark"] .news-article-body a {
	color: #8b9bff !important;
}

html[data-theme="dark"] .news-article-body h1,
html[data-theme="dark"] .news-article-body h2,
html[data-theme="dark"] .news-article-body h3,
html[data-theme="dark"] .news-article-body h4,
html[data-theme="dark"] .news-article-body h5,
html[data-theme="dark"] .news-article-body h6 {
	color: #fff !important;
}

html[data-theme="dark"] .news-article-body img {
	max-width: 100%;
	height: auto;
}

/* Summernote editor chrome on dark admin pages */
html[data-theme="dark"] .note-editor.note-frame,
html[data-theme="dark"] .note-editor.note-frame .note-editing-area .note-editable {
	background-color: #242f3d;
	color: rgba(255, 255, 255, 0.9);
	border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .note-toolbar {
	background-color: #1b2530;
	border-color: rgba(255, 255, 255, 0.08);
}

/* —— Timeweb Cloud global canvas —— */
:root {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-card-hover: #2a3645;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-btn-primary: #7177f8;
	--tw-btn-primary-hover: #525aff;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] #kt_body,
html[data-theme="dark"] .d-flex.flex-column.flex-root,
html[data-theme="dark"] #kt_wrapper,
html[data-theme="dark"] #kt_content,
html[data-theme="dark"] .content,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] #kt_footer,
html[data-theme="dark"] .footer {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

html[data-theme="dark"] #kt_header,
html[data-theme="dark"] .header,
html[data-theme="dark"] .header-fixed,
html[data-theme="dark"] #kt_header_mobile,
html[data-theme="dark"] .header-mobile {
	background: var(--tw-card) !important;
	background-color: var(--tw-card) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	box-shadow: none !important;
}

@media (min-width: 992px) {
	html[data-theme="dark"] .header-menu-wrapper,
	html[data-theme="dark"] .topbar {
		background: transparent !important;
	}
}

/* Header nav — Timeweb icons + muted labels (desktop) */
@media (min-width: 992px) {
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		color: var(--tw-muted) !important;
		padding: 10px 12px !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-text {
		color: inherit !important;
		font-weight: 500 !important;
		font-size: 14px !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link:hover,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item:hover > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-active > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-open > .menu-link {
		color: #fff !important;
		background: transparent !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link:hover .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item:hover > .menu-link .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-active > .menu-link .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-open > .menu-link .eru-nav-icon {
		color: var(--tw-purple, #7177f8) !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-arrow {
		margin-left: 2px;
		opacity: .55;
	}
}

html[data-theme="dark"] .eru-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: inherit;
	opacity: .9;
}
html[data-theme="dark"] .eru-nav-icon svg {
	width: 18px !important;
	height: 18px !important;
	display: block;
}

/* Header logo — Timeweb left brand */
html[data-theme="dark"] .eru-header-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 20px !important;
}
html[data-theme="dark"] .eru-header-logo__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none !important;
	line-height: 1;
}
html[data-theme="dark"] .eru-header-logo__word {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
}
html[data-theme="dark"] .eru-header-logo__word-accent {
	margin-left: 4px;
	font-weight: 600;
	color: var(--tw-purple, #7177f8);
}

/* Guest auth buttons — Timeweb style */
html[data-theme="dark"] .eru-auth-actions {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
html[data-theme="dark"] .eru-auth-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 16px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease;
}
html[data-theme="dark"] .eru-auth-btn--ghost {
	color: #fff !important;
	background: transparent;
}
html[data-theme="dark"] .eru-auth-btn--ghost:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #fff !important;
}
html[data-theme="dark"] .eru-auth-btn--primary {
	color: #fff !important;
	background: var(--tw-purple, #7177f8);
}
html[data-theme="dark"] .eru-auth-btn--primary:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff !important;
}
html[data-theme="dark"] .eru-auth-actions--mobile .eru-auth-btn {
	min-height: 34px;
	padding: 6px 10px;
	font-size: 12px;
	border-radius: 10px;
}

/* Header dropdown — Timeweb style (desktop only) */
@media (min-width: 992px) {
	html[data-theme="dark"] #kt_header_menu .menu-submenu.eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown {
		display: block !important;
		background: #1b2530 !important;
		border: 0 !important;
		border-radius: 12px !important;
		box-shadow: none !important;
		padding: 8px !important;
		margin-top: 8px !important;
		min-width: 240px !important;
		/* visible so the hover bridge (::before) isn't clipped */
		overflow: visible !important;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-8px);
		transform-origin: top left;
		transition:
			opacity .18s ease,
			transform .18s ease,
			visibility .18s ease;
	}
	/* Invisible hit-area across the visual gap under the trigger */
	html[data-theme="dark"] #kt_header_menu .menu-submenu.eru-dropdown::before,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -12px;
		height: 12px;
	}
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .menu-submenu.eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown[data-eru-open="1"] {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown .menu-subnav {
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden;
		border-radius: 10px;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item {
		margin: 0 !important;
		padding: 0 !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 10px 12px !important;
		min-height: 44px !important;
		border-radius: 10px !important;
		color: #fff !important;
		background: transparent !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link .menu-text {
		color: inherit !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link .eru-nav-icon {
		width: 18px;
		height: 18px;
		color: var(--tw-muted, #7f91a4);
		opacity: 1;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link:hover {
		background: rgba(255, 255, 255, 0.06) !important;
		color: #fff !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link:hover .eru-nav-icon {
		color: var(--tw-purple, #7177f8) !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown .menu-arrow {
		display: none !important;
	}
}

/* ——— Mobile nav drawer (Timeweb) ——— */
html[data-theme="dark"] .eru-mobile-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0 !important;
	margin: 0 6px 0 0;
	border: 0 !important;
	border-radius: 12px;
	background: transparent !important;
	color: #9aa8b8 !important;
	box-shadow: none !important;
}
html[data-theme="dark"] .eru-mobile-toggle:hover,
html[data-theme="dark"] .eru-mobile-toggle:focus,
html[data-theme="dark"] .eru-mobile-toggle:focus-visible,
html[data-theme="dark"] .eru-mobile-toggle.active {
	background: transparent !important;
	color: #9aa8b8 !important;
	box-shadow: none !important;
	outline: none !important;
}
html[data-theme="dark"].eru-mobile-nav-open .eru-mobile-toggle,
html[data-theme="dark"].eru-mobile-nav-open .eru-mobile-toggle:hover,
html[data-theme="dark"].eru-mobile-nav-open .eru-mobile-toggle:focus,
html[data-theme="dark"].eru-mobile-nav-open .eru-mobile-toggle:active,
html[data-theme="dark"].eru-mobile-nav-open .eru-mobile-toggle.active {
	background: transparent !important;
	color: #9aa8b8 !important;
	box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
	html[data-theme="dark"] .eru-mobile-toggle:hover {
		background: rgba(113, 119, 248, 0.14) !important;
		color: var(--tw-purple, #7177f8) !important;
	}
}
html[data-theme="dark"] .eru-mobile-toggle__bars {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 18px;
}
html[data-theme="dark"] .eru-mobile-toggle__bars > span {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}
html[data-theme="dark"] .eru-mobile-toggle__bars > span:nth-child(1) { width: 100%; }
html[data-theme="dark"] .eru-mobile-toggle__bars > span:nth-child(2) {
	width: 70%;
	background: var(--tw-purple, #7177f8);
}
html[data-theme="dark"] .eru-mobile-toggle__bars > span:nth-child(3) { width: 100%; }
html[data-theme="dark"] .eru-mobile-toggle.active .eru-mobile-toggle__bars > span:nth-child(2) {
	width: 100%;
}
html[data-theme="dark"] .eru-mobile-toggle--grid {
	color: #9aa8b8 !important;
}
html[data-theme="dark"] .eru-mobile-toggle--grid .svg-icon,
html[data-theme="dark"] .eru-mobile-toggle--grid svg {
	color: inherit;
}

@media (max-width: 991.98px) {
	html[data-theme="dark"] #kt_header_mobile.header-mobile {
		padding: 0 14px !important;
		height: 56px !important;
		min-height: 56px !important;
	}

	html[data-theme="dark"] .header-menu-wrapper {
		background: var(--tw-card, #242f3d) !important;
		background-color: var(--tw-card, #242f3d) !important;
		width: min(280px, 88vw) !important;
		left: calc(-1 * min(300px, 92vw)) !important;
		padding: 0 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
		box-shadow: 12px 0 40px rgba(0, 0, 0, 0.45) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		transition: left .28s cubic-bezier(0.22, 1, 0.36, 1) !important;
		will-change: left, transform;
		touch-action: pan-y;
		z-index: 1060 !important;
	}
	html[data-theme="dark"] .header-menu-wrapper.header-menu-wrapper-on {
		left: 0 !important;
	}
	html[data-theme="dark"] .header-menu-wrapper-overlay {
		position: fixed !important;
		inset: 0 !important;
		z-index: 1055 !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		cursor: pointer;
		background: rgba(10, 14, 20, 0.62) !important;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		opacity: 0;
		animation: eru-mobile-overlay-in .28s ease forwards;
		touch-action: none;
	}
	@keyframes eru-mobile-overlay-in {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	html.eru-mobile-nav-open,
	body.eru-mobile-nav-open {
		overflow: hidden !important;
	}
	/* Keep fixed mobile header the same color as the open drawer */
	html[data-theme="dark"].eru-mobile-nav-open #kt_header_mobile.header-mobile,
	html[data-theme="dark"].eru-mobile-nav-open .header-mobile {
		background: var(--tw-card, #242f3d) !important;
		background-color: var(--tw-card, #242f3d) !important;
		border-bottom: 0 !important;
	}

	html[data-theme="dark"] .eru-mobile-menu-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 18px 16px 14px;
		margin-bottom: 0;
		background: var(--tw-card, #242f3d);
		border-bottom: 0;
	}
	html[data-theme="dark"] .eru-mobile-menu-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		padding: 0;
		border: 0;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.06);
		color: #c5d0dc;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
	}
	html[data-theme="dark"] .eru-mobile-menu-close:hover {
		background: rgba(255, 255, 255, 0.1);
		color: #fff;
	}

	html[data-theme="dark"] #kt_header_menu {
		width: 100%;
		padding: 8px 10px 0;
		background: transparent;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		row-gap: 0 !important;
		column-gap: 0 !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item + .menu-item {
		margin-top: 0 !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		width: 100% !important;
		min-height: 48px !important;
		padding: 12px 14px !important;
		margin: 0 !important;
		border-radius: 12px !important;
		color: #fff !important;
		background: transparent !important;
		text-decoration: none !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-text {
		flex: 1 1 auto !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .eru-nav-icon {
		width: 20px;
		height: 20px;
		color: #c5d0dc;
		opacity: 1;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .eru-nav-icon svg {
		width: 20px !important;
		height: 20px !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-desc {
		display: none !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-arrow {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		margin: 0 0 0 auto !important;
		opacity: .7;
		color: #c5d0dc;
		transform: none !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link .menu-arrow:before {
		content: "" !important;
		display: block;
		width: 7px;
		height: 7px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(-45deg);
		transition: transform .2s ease;
	}
	/* Only open accordion / current route — never sticky touch :hover */
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-open > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-active > .menu-link {
		color: #fff !important;
		background: rgba(113, 119, 248, 0.12) !important;
	}
	/* Accordion open: clear Главная (and any other) active/hover highlight */
	html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open) > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open) > .menu-link:hover,
	html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open) > .menu-link:focus,
	html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open):hover > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open) > .menu-link,
	html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open) > .menu-link:hover,
	html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open) > .menu-link:focus,
	html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open):hover > .menu-link {
		background: transparent !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-open > .menu-link .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-active > .menu-link .eru-nav-icon {
		color: var(--tw-purple, #7177f8) !important;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open) > .menu-link .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open) > .menu-link .eru-nav-icon {
		color: #c5d0dc;
	}
	html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow:before {
		transform: rotate(45deg);
	}
	@media (hover: hover) and (pointer: fine) {
		html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link:hover {
			color: #fff !important;
			background: rgba(113, 119, 248, 0.12) !important;
		}
		html[data-theme="dark"] #kt_header_menu > .menu-nav > .menu-item > .menu-link:hover .eru-nav-icon {
			color: var(--tw-purple, #7177f8) !important;
		}
		html[data-theme="dark"] #kt_header_menu > .menu-nav.eru-menu-accordion-open > .menu-item:not(.menu-item-open) > .menu-link:hover,
		html[data-theme="dark"] #kt_header_menu > .menu-nav:has(> .menu-item-open) > .menu-item:not(.menu-item-open) > .menu-link:hover {
			background: transparent !important;
		}
	}

	/* Accordion submenu — collapse/expand with animation */
	html[data-theme="dark"] #kt_header_menu .menu-submenu.eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .menu-submenu {
		position: static !important;
		float: none !important;
		display: grid !important;
		grid-template-rows: 0fr;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 0 0 8px !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: hidden !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: none;
		transform: none !important;
		transition:
			grid-template-rows .28s cubic-bezier(0.22, 1, 0.36, 1),
			padding .28s cubic-bezier(0.22, 1, 0.36, 1);
	}
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .menu-submenu.eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .eru-dropdown,
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .menu-submenu,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown[data-eru-open="1"] {
		grid-template-rows: 1fr;
		padding: 0 0 0 8px !important;
		pointer-events: auto;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown .menu-subnav,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		row-gap: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden;
		min-height: 0;
		opacity: 0;
		transform: translateY(-4px);
		transition:
			opacity .22s ease,
			transform .28s cubic-bezier(0.22, 1, 0.36, 1);
	}
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .eru-dropdown > .menu-subnav,
	html[data-theme="dark"] #kt_header_menu .menu-item-open > .menu-submenu > .menu-subnav,
	html[data-theme="dark"] #kt_header_menu .eru-dropdown[data-eru-open="1"] > .menu-subnav {
		opacity: 1;
		transform: translateY(0);
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item > .menu-link {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		width: 100% !important;
		min-height: 44px !important;
		padding: 10px 14px !important;
		border-radius: 10px !important;
		color: #fff !important;
		background: transparent !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link .menu-text,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-text {
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item > .menu-link .eru-nav-icon {
		color: #c5d0dc;
		opacity: 1;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link:hover,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item > .menu-link:hover {
		color: #fff !important;
		background: rgba(113, 119, 248, 0.12) !important;
	}
	html[data-theme="dark"] #kt_header_menu .eru-dropdown > .menu-subnav > .menu-item > .menu-link:hover .eru-nav-icon,
	html[data-theme="dark"] #kt_header_menu .menu-submenu .menu-subnav > .menu-item > .menu-link:hover .eru-nav-icon {
		color: var(--tw-purple, #7177f8) !important;
	}

	/* Account block inside mobile drawer */
	html[data-theme="dark"] .eru-mobile-account {
		margin: 14px 10px 0;
		padding: 10px 0 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	html[data-theme="dark"] .eru-mobile-account__balance,
	html[data-theme="dark"] .eru-mobile-account__link {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 48px;
		padding: 12px 14px;
		border: none;
		border-radius: 12px;
		background: transparent;
		color: #fff !important;
		text-decoration: none !important;
		font-size: 15px;
		font-weight: 500;
		font-family: inherit;
		text-align: left;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
	}
	html[data-theme="dark"] .eru-mobile-account__balance .eru-nav-icon,
	html[data-theme="dark"] .eru-mobile-account__link .eru-nav-icon {
		color: #c5d0dc;
	}
	html[data-theme="dark"] .eru-mobile-account__balance:hover,
	html[data-theme="dark"] .eru-mobile-account__link:hover {
		background: rgba(113, 119, 248, 0.12);
		color: #fff !important;
	}
	html[data-theme="dark"] .eru-mobile-account__balance:hover .eru-nav-icon,
	html[data-theme="dark"] .eru-mobile-account__link:hover .eru-nav-icon {
		color: var(--tw-purple, #7177f8) !important;
	}
	html[data-theme="dark"] .eru-mobile-account__balance strong {
		margin-left: auto;
		font-weight: 600;
		color: #fff;
	}
	html[data-theme="dark"] .eru-mobile-account__link em {
		margin-left: auto;
		font-style: normal;
		font-size: 13px;
		font-weight: 500;
		color: #9aa8b8;
		max-width: 40%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	html[data-theme="dark"] .eru-mobile-account__link--out {
		color: #ff8a96 !important;
	}
	html[data-theme="dark"] .eru-mobile-account__link--out .eru-nav-icon {
		color: #ff8a96;
	}
	html[data-theme="dark"] .eru-mobile-account__switch {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-height: 48px;
		padding: 12px 14px;
		border: none;
		border-radius: 12px;
		background: transparent;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
	}
	html[data-theme="dark"] .eru-mobile-account__switch:hover {
		background: rgba(113, 119, 248, 0.12);
	}
	html[data-theme="dark"] .eru-mobile-account__switch-label {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		min-width: 0;
		color: #fff;
	}
	html[data-theme="dark"] .eru-mobile-account__switch-label .eru-nav-icon {
		width: 18px;
		height: 18px;
		color: #c5d0dc;
		flex-shrink: 0;
	}
	html[data-theme="dark"] .eru-mobile-account__switch-label .eru-nav-icon svg {
		width: 18px !important;
		height: 18px !important;
		display: block;
	}
	html[data-theme="dark"] .eru-mobile-account__toggle {
		position: relative;
		width: 46px;
		height: 26px;
		flex-shrink: 0;
		border-radius: 999px;
		background: #3a4554;
		transition: background .18s ease;
	}
	html[data-theme="dark"] .eru-mobile-account__toggle::after {
		content: "";
		position: absolute;
		top: 3px;
		left: 3px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
		transition: transform .18s ease;
	}
	html[data-theme="dark"] .eru-mobile-account__switch.is-on .eru-mobile-account__toggle,
	html[data-theme="dark"] .eru-mobile-account__switch[aria-checked="true"] .eru-mobile-account__toggle {
		background: #7177f8;
	}
	html[data-theme="dark"] .eru-mobile-account__switch.is-on .eru-mobile-account__toggle::after,
	html[data-theme="dark"] .eru-mobile-account__switch[aria-checked="true"] .eru-mobile-account__toggle::after {
		transform: translateX(20px);
	}

	html[data-theme="dark"] .topbar {
		display: none !important;
	}
}

/* Cards / panels closer to Timeweb surfaces */
html[data-theme="dark"] .card.card-custom,
html[data-theme="dark"] .card {
	background-color: var(--tw-card) !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-theme="dark"] .modal-content {
	background-color: var(--tw-card) !important;
	border: 0 !important;
}

html[data-theme="dark"] .dropdown-menu {
	background-color: var(--tw-card) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Login / auth screens */
html[data-theme="dark"] .login,
html[data-theme="dark"] .login.bg-white,
html[data-theme="dark"] .bg-white {
	background-color: var(--tw-page) !important;
	background: var(--tw-page) !important;
}

/* Toastr — Timeweb: neutral card + color status badge */
#toast-container.toast-top-right {
	top: 76px;
	right: 24px;
	position: fixed;
	z-index: 999999;
	width: auto;
	pointer-events: none;
}
#toast-container.toast-top-right > div {
	pointer-events: auto;
}
#toast-container .toast-progress {
	position: absolute;
	animation: eru-toast-progress 4s linear forwards;
}
@keyframes eru-toast-progress {
	from { width: 100%; }
	to { width: 0%; }
}
#toast-container > div,
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-warning,
#toast-container > .toast-info {
	opacity: 1 !important;
	filter: none !important;
	-ms-filter: none !important;
	background-image: none !important;
	background-position: unset !important;
	background-repeat: no-repeat !important;
	position: relative !important;
	width: 360px;
	max-width: calc(100vw - 48px);
	margin: 0 0 10px !important;
	padding: 14px 42px 14px 52px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
	background-color: #242f3d !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	cursor: default !important;
}
#toast-container > div:hover {
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.34) !important;
	opacity: 1 !important;
}

/* Colored round status mark */
#toast-container > .toast-success::before,
#toast-container > .toast-error::before,
#toast-container > .toast-warning::before,
#toast-container > .toast-info::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}
#toast-container > .toast-success::before {
	background-color: rgba(46, 204, 113, 0.22);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%232ecc71%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 13l4 4L19 7%27/%3E%3C/svg%3E");
}
#toast-container > .toast-error::before {
	background-color: rgba(240, 67, 86, 0.22);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ff8a96%27 stroke-width=%272.5%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M18 6L6 18M6 6l12 12%27/%3E%3C/svg%3E");
}
#toast-container > .toast-warning::before {
	background-color: rgba(245, 165, 36, 0.22);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffc45c%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 9v4M12 17h.01M10.3 4.3L2.8 18a2 2 0 0 0 1.7 3h15a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z%27/%3E%3C/svg%3E");
}
#toast-container > .toast-info::before {
	background-color: rgba(127, 145, 164, 0.22);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b7c4d2%27 stroke-width=%272.5%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 8h.01M11 12h1v4h1%27/%3E%3C/svg%3E");
}

#toast-container > div .toast-title {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	margin: 0 0 2px;
}
#toast-container > div .toast-message {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 0 !important;
	margin: 0 !important;
}

#toast-container > div .toast-close-button {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%);
	float: none !important;
	color: #7f91a4 !important;
	text-shadow: none !important;
	opacity: .85 !important;
	font-family: inherit !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 28px !important;
	padding: 0 !important;
	width: 28px;
	height: 28px;
	text-align: center;
}
/* Kill Metronic Ki icon — keep only toastr × */
#toast-container > div .toast-close-button:before,
#toast-container > div .toast-close-button:after {
	content: none !important;
	display: none !important;
}
#toast-container > div .toast-close-button:hover {
	color: #fff !important;
	opacity: 1 !important;
}

#toast-container .toast-progress {
	opacity: 1 !important;
	height: 3px !important;
	bottom: 0 !important;
	left: 0 !important;
	right: auto !important;
	border-radius: 0 0 12px 12px;
	background: #2ecc71 !important;
}
#toast-container > .toast-success .toast-progress {
	background: #2ecc71 !important;
}
#toast-container > .toast-error .toast-progress {
	background: #f04356 !important;
}
#toast-container > .toast-warning .toast-progress {
	background: #f5a524 !important;
}
#toast-container > .toast-info .toast-progress {
	background: #7f91a4 !important;
}

/* —— Alerts / empty-state banners — Timeweb —— */
html[data-theme="dark"] .alert.alert-custom,
html[data-theme="dark"] .alert {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 12px;
	padding: 14px 16px !important;
	border-radius: 12px !important;
	border: 0 !important;
	background: #242f3d !important;
	box-shadow: none !important;
	color: #fff !important;
}
html[data-theme="dark"] .alert.alert-custom.fade.show,
html[data-theme="dark"] .alert.fade.show {
	opacity: 1;
}

html[data-theme="dark"] .alert .alert-icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(245, 165, 36, 0.22);
	color: #ffc45c !important;
	line-height: 1;
}
html[data-theme="dark"] .alert .alert-icon i,
html[data-theme="dark"] .alert .alert-icon .flaticon-exclamation,
html[data-theme="dark"] .alert .alert-icon [class^="flaticon-"],
html[data-theme="dark"] .alert .alert-icon [class*=" flaticon-"] {
	font-size: 0 !important;
	width: 14px;
	height: 14px;
	display: block;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 9v4M12 17h.01M10.3 4.3L2.8 18a2 2 0 0 0 1.7 3h15a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 9v4M12 17h.01M10.3 4.3L2.8 18a2 2 0 0 0 1.7 3h15a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
}
html[data-theme="dark"] .alert .alert-icon i:before,
html[data-theme="dark"] .alert .alert-icon .flaticon-exclamation:before {
	content: none !important;
	display: none !important;
}

html[data-theme="dark"] .alert .alert-text {
	flex: 1 1 auto;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	color: #fff !important;
}

html[data-theme="dark"] .alert .alert-close {
	display: none !important;
}

/* Variants */
html[data-theme="dark"] .alert.alert-light-primary,
html[data-theme="dark"] .alert.alert-primary,
html[data-theme="dark"] .alert.alert-custom.alert-light-primary {
	background: #242f3d !important;
	border: 0 !important;
}
html[data-theme="dark"] .alert.alert-light-primary .alert-icon,
html[data-theme="dark"] .alert.alert-primary .alert-icon {
	background: rgba(245, 165, 36, 0.22);
	color: #ffc45c !important;
}
html[data-theme="dark"] .alert.alert-light-warning,
html[data-theme="dark"] .alert.alert-warning {
	background: #242f3d !important;
	border: 0 !important;
}
html[data-theme="dark"] .alert.alert-light-warning .alert-icon,
html[data-theme="dark"] .alert.alert-warning .alert-icon {
	background: rgba(245, 165, 36, 0.22);
	color: #ffc45c !important;
}
html[data-theme="dark"] .alert.alert-light-danger,
html[data-theme="dark"] .alert.alert-danger {
	background: #242f3d !important;
	border: 0 !important;
}
html[data-theme="dark"] .alert.alert-light-danger .alert-icon,
html[data-theme="dark"] .alert.alert-danger .alert-icon {
	background: rgba(240, 67, 86, 0.22);
	color: #ff8a96 !important;
}
html[data-theme="dark"] .alert.alert-light-success,
html[data-theme="dark"] .alert.alert-success {
	background: #242f3d !important;
	border: 0 !important;
}
html[data-theme="dark"] .alert.alert-light-success .alert-icon,
html[data-theme="dark"] .alert.alert-success .alert-icon {
	background: rgba(46, 204, 113, 0.22);
	color: #2ecc71 !important;
}
html[data-theme="dark"] .alert.alert-light-info,
html[data-theme="dark"] .alert.alert-info {
	background: #242f3d !important;
	border: 0 !important;
}
html[data-theme="dark"] .alert.alert-light-info .alert-icon,
html[data-theme="dark"] .alert.alert-info .alert-icon {
	background: rgba(127, 145, 164, 0.22);
	color: #b7c4d2 !important;
}

/* Soft fill leftovers from Metronic light-* utilities inside alerts */
html[data-theme="dark"] .alert.alert-light-primary .alert-text,
html[data-theme="dark"] .alert.alert-light-warning .alert-text,
html[data-theme="dark"] .alert.alert-light-danger .alert-text,
html[data-theme="dark"] .alert.alert-light-success .alert-text,
html[data-theme="dark"] .alert.alert-light-info .alert-text {
	color: #fff !important;
}

/* Unified client primary CTAs — match .eru-order__submit (#7177f8 → #525aff) */
html[data-theme="dark"] .eru-btn-add,
html[data-theme="dark"] .eru-order__submit,
html[data-theme="dark"] .eru-acc-btn--primary,
html[data-theme="dark"] .eru-inv__btn,
html[data-theme="dark"] .eru-sc__btn:not(.eru-sc__btn--ghost):not(.eru-sc__btn--danger),
html[data-theme="dark"] .eru-pay__submit,
html[data-theme="dark"] .eru-pay-btn--primary,
html[data-theme="dark"] .eru-action--primary,
html[data-theme="dark"] .eru-home__cta,
html[data-theme="dark"] .eru-home__tariff-cta,
html[data-theme="dark"] .eru-auth-btn--primary,
html[data-theme="dark"] .eru-tw-settings .eru-config-actions .btn-primary,
html[data-theme="dark"] .eru-tw-settings .eru-settings__save,
html[data-theme="dark"] body:not(.eru-tw-admin) .btn.btn-primary {
	background: var(--tw-btn-primary, #7177f8) !important;
	background-color: var(--tw-btn-primary, #7177f8) !important;
	border-color: var(--tw-btn-primary, #7177f8) !important;
	filter: none;
	transition: background .15s ease, background-color .15s ease, border-color .15s ease;
}

html[data-theme="dark"] .eru-btn-add:hover,
html[data-theme="dark"] .eru-order__submit:hover:not(:disabled),
html[data-theme="dark"] .eru-acc-btn--primary:hover,
html[data-theme="dark"] .eru-inv__btn:hover,
html[data-theme="dark"] .eru-sc__btn:not(.eru-sc__btn--ghost):not(.eru-sc__btn--danger):hover,
html[data-theme="dark"] .eru-pay__submit:hover:not(:disabled),
html[data-theme="dark"] .eru-pay-btn--primary:hover,
html[data-theme="dark"] .eru-action--primary:hover,
html[data-theme="dark"] .eru-home__cta:hover,
html[data-theme="dark"] .eru-home__tariff:hover .eru-home__tariff-cta,
html[data-theme="dark"] .eru-home__tariff-cta:hover,
html[data-theme="dark"] .eru-home__tariff.is-featured:hover .eru-home__tariff-cta,
html[data-theme="dark"] .eru-auth-btn--primary:hover,
html[data-theme="dark"] .eru-tw-settings .eru-config-actions .btn-primary:hover,
html[data-theme="dark"] .eru-tw-settings .eru-settings__save:hover,
html[data-theme="dark"] body:not(.eru-tw-admin) .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
html[data-theme="dark"] body:not(.eru-tw-admin) .btn.btn-primary:focus:not(.btn-text),
html[data-theme="dark"] body:not(.eru-tw-admin) .btn.btn-primary.focus:not(.btn-text) {
	background: var(--tw-btn-primary-hover, #525aff) !important;
	background-color: var(--tw-btn-primary-hover, #525aff) !important;
	border-color: var(--tw-btn-primary-hover, #525aff) !important;
	filter: none !important;
	color: #fff !important;
}

/* Icon toolbar buttons — shared hover (tips via TipHost / data-eru-tip) */
.eru-sc__icon-btn,
.eru-order__icon-btn,
.eru-settings__refresh,
.eru-layout-btn {
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

html[data-theme="dark"] body:not(.eru-tw-admin) .eru-sc__icon-btn:hover:not(:disabled),
html[data-theme="dark"] body:not(.eru-tw-admin) .eru-settings__refresh:hover,
html[data-theme="dark"] body:not(.eru-tw-admin) .eru-layout-btn:hover:not(:disabled) {
	background: var(--tw-card-hover, #2a3645) !important;
	color: #fff !important;
}

/* Site-wide custom scrollbars */
:root {
	--eru-scrollbar-size: 8px;
	--eru-scrollbar-thumb: rgba(127, 145, 164, 0.34);
	--eru-scrollbar-thumb-hover: rgba(127, 145, 164, 0.52);
	--eru-scrollbar-track: transparent;
}

html,
body,
* {
	scrollbar-width: thin;
	scrollbar-color: var(--eru-scrollbar-thumb) var(--eru-scrollbar-track);
}

*::-webkit-scrollbar {
	width: var(--eru-scrollbar-size);
	height: var(--eru-scrollbar-size);
}

*::-webkit-scrollbar-track {
	background: var(--eru-scrollbar-track);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--eru-scrollbar-thumb);
	border-radius: 999px;
	border: 2px solid transparent;
	background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: var(--eru-scrollbar-thumb-hover);
}

*::-webkit-scrollbar-corner {
	background: transparent;
}

/* Keep intentionally hidden scrollbars */
ul.eru-tabs,
.eru-tabs,
.eru-mobile-drawer__nav {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

ul.eru-tabs::-webkit-scrollbar,
.eru-tabs::-webkit-scrollbar,
.eru-mobile-drawer__nav::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}


/**
 * Light theme for user UI — black & white monochrome.
 * Scoped with :not(.eru-tw-admin) so admin AMOLED stays untouched.
 */
html[data-theme='light']:not(.eru-tw-admin) {
	color-scheme: light;

	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-card-hover: #f0f0f0;
	--tw-surface: #ebebeb;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-line: rgba(0, 0, 0, 0.1);
	--tw-line-strong: rgba(0, 0, 0, 0.18);
	--tw-purple: #111111;
	--tw-purple-soft: rgba(0, 0, 0, 0.08);
	--tw-btn-primary: #111111;
	--tw-btn-primary-hover: #000000;
	/* Status colors match dark theme (online / offline / locked) */
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
	--tw-header-border: rgba(0, 0, 0, 0.08);
	--tw-hover-fill: rgba(0, 0, 0, 0.05);
	--tw-hover-fill-strong: rgba(0, 0, 0, 0.09);
}

html[data-theme='light']:not(.eru-tw-admin),
html[data-theme='light']:not(.eru-tw-admin) body,
html[data-theme='light']:not(.eru-tw-admin) #kt_body,
html[data-theme='light']:not(.eru-tw-admin) #root,
html[data-theme='light']:not(.eru-tw-admin) .d-flex.flex-column.flex-root,
html[data-theme='light']:not(.eru-tw-admin) #kt_wrapper,
html[data-theme='light']:not(.eru-tw-admin) #kt_content,
html[data-theme='light']:not(.eru-tw-admin) .content,
html[data-theme='light']:not(.eru-tw-admin) .wrapper,
html[data-theme='light']:not(.eru-tw-admin) #kt_footer,
html[data-theme='light']:not(.eru-tw-admin) .footer,
html[data-theme='light']:not(.eru-tw-admin) .eru-spa-content,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-shell {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
	color: var(--tw-text) !important;
}

/* —— Header / footer —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-site-header,
html[data-theme='light']:not(.eru-tw-admin) #kt_header.eru-site-header,
html[data-theme='light']:not(.eru-tw-admin) #kt_header.header-fixed,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-header-mobile,
html[data-theme='light']:not(.eru-tw-admin) #kt_header_mobile.eru-site-header-mobile,
html[data-theme='light']:not(.eru-tw-admin) #kt_header,
html[data-theme='light']:not(.eru-tw-admin) .header,
html[data-theme='light']:not(.eru-tw-admin) .header-fixed,
html[data-theme='light']:not(.eru-tw-admin) #kt_header_mobile,
html[data-theme='light']:not(.eru-tw-admin) .header-mobile {
	background: var(--tw-card) !important;
	background-color: var(--tw-card) !important;
	border-bottom-color: var(--tw-header-border) !important;
	box-shadow: 0 1px 0 var(--tw-header-border);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer,
html[data-theme='light']:not(.eru-tw-admin) #kt_footer.eru-site-footer {
	background: var(--tw-card) !important;
	color: var(--tw-muted) !important;
	border-top: 1px solid var(--tw-line);
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-nav-icon,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-nav-icon svg,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-text {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link:hover .menu-text,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link.eru-nav-active .menu-text {
	color: var(--tw-text) !important;
}
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link:hover .eru-nav-icon,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link:hover .eru-nav-icon svg,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link.eru-nav-active .eru-nav-icon,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .menu-link.eru-nav-active .eru-nav-icon svg {
	color: var(--tw-purple, #7177f8) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .topbar .btn {
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-auth-btn--ghost {
	color: var(--tw-text) !important;
	border-color: var(--tw-line-strong) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-auth-btn--ghost:hover {
	background: var(--tw-hover-fill) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-balance-skel {
	background: linear-gradient(
		90deg,
		rgba(26, 35, 50, 0.06) 25%,
		rgba(26, 35, 50, 0.12) 50%,
		rgba(26, 35, 50, 0.06) 75%
	);
	background-size: 200% 100%;
}

/* —— Metronic text / forms —— */
html[data-theme='light']:not(.eru-tw-admin) .text-muted {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .card,
html[data-theme='light']:not(.eru-tw-admin) .card-custom,
html[data-theme='light']:not(.eru-tw-admin) .modal-content {
	background: var(--tw-card) !important;
	color: var(--tw-text);
	border-color: var(--tw-line) !important;
	box-shadow: var(--tw-shadow);
}

html[data-theme='light']:not(.eru-tw-admin) .card-label,
html[data-theme='light']:not(.eru-tw-admin) .card-title,
html[data-theme='light']:not(.eru-tw-admin) .modal-title,
html[data-theme='light']:not(.eru-tw-admin) h1,
html[data-theme='light']:not(.eru-tw-admin) h2,
html[data-theme='light']:not(.eru-tw-admin) h3,
html[data-theme='light']:not(.eru-tw-admin) h4,
html[data-theme='light']:not(.eru-tw-admin) h5,
html[data-theme='light']:not(.eru-tw-admin) h6,
html[data-theme='light']:not(.eru-tw-admin) label,
html[data-theme='light']:not(.eru-tw-admin) .form-group label,
html[data-theme='light']:not(.eru-tw-admin) .table,
html[data-theme='light']:not(.eru-tw-admin) .table th,
html[data-theme='light']:not(.eru-tw-admin) .table td {
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .form-control,
html[data-theme='light']:not(.eru-tw-admin) .form-control:focus {
	color: var(--tw-text);
	background-color: #fff;
	border-color: var(--tw-line-strong);
}

html[data-theme='light']:not(.eru-tw-admin) .form-control:focus {
	border-color: var(--tw-purple);
	box-shadow: 0 0 0 3px var(--tw-purple-soft);
}

html[data-theme='light']:not(.eru-tw-admin) .form-control::placeholder {
	color: rgba(26, 35, 50, 0.4);
}

html[data-theme='light']:not(.eru-tw-admin) select.form-control {
	color-scheme: light;
	background-color: #fff;
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) select.form-control option {
	background-color: #fff;
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .dropdown-menu,
html[data-theme='light']:not(.eru-tw-admin) .menu-submenu {
	background: var(--tw-card) !important;
	border-color: var(--tw-line) !important;
	box-shadow: var(--tw-shadow) !important;
	color: var(--tw-text);
}

/* —— Desktop NavigationMenu —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger {
	color: rgba(26, 35, 50, 0.55);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger[data-popup-open],
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger[data-active],
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger.is-active,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger:focus-visible {
	color: var(--tw-text);
	background: var(--tw-hover-fill);
}

/* Popup uses same popover palette as profile M3 menu */
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__popup {
	--nm-popover: #2a303c;
	--nm-popover-fg: #f4f4f5;
	--nm-popover-muted: #9ca3af;
	--nm-popover-border: rgba(255, 255, 255, 0.1);
	--nm-popover-hover: rgba(255, 255, 255, 0.08);
	--nm-popover-accent: rgba(255, 255, 255, 0.08);
	background: var(--nm-popover);
	border: 0;
	box-shadow: none;
	outline: 1px solid var(--nm-popover-border);
	outline-offset: -1px;
	color: var(--nm-popover-fg);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link-title {
	color: var(--nm-popover-fg) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link:focus-visible,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link[data-active] {
	background: var(--nm-popover-accent);
	color: var(--nm-popover-fg) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link-icon {
	color: var(--nm-popover-muted);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link:hover .eru-nm__link-icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link[data-active] .eru-nm__link-icon {
	color: var(--nm-popover-fg);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__link-desc {
	color: var(--nm-popover-muted);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__arrow {
	color: var(--nm-popover);
}

/* —— Profile M3 dropdown (demo popover palette) —— */
html[data-theme='light']:not(.eru-tw-admin) .m3-content {
	--m3-popover: #2a303c;
	--m3-popover-fg: #f4f4f5;
	--m3-popover-muted: #9ca3af;
	--m3-popover-border: rgba(255, 255, 255, 0.1);
	--m3-popover-hover: rgba(255, 255, 255, 0.08);
	--m3-popover-primary: rgba(113, 119, 248, 0.85);
	--m3-popover-danger: #ef4444;
	--m3-popover-danger-soft: rgba(239, 68, 68, 0.1);
	background: var(--m3-popover);
	color: var(--m3-popover-fg);
	border-color: var(--m3-popover-border);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item {
	color: var(--m3-popover-fg) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item:hover,
html[data-theme='light']:not(.eru-tw-admin) .m3-item:focus,
html[data-theme='light']:not(.eru-tw-admin) .m3-item:active,
html[data-theme='light']:not(.eru-tw-admin) .m3-item[data-highlighted],
html[data-theme='light']:not(.eru-tw-admin) a.m3-item:hover {
	color: var(--m3-popover-fg) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item[data-highlighted],
html[data-theme='light']:not(.eru-tw-admin) .m3-item:hover:not([data-disabled]) {
	background: var(--m3-popover-hover);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item-inner svg {
	color: var(--m3-popover-muted);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item[data-highlighted] .m3-item-inner svg,
html[data-theme='light']:not(.eru-tw-admin) .m3-item:hover:not([data-disabled]) .m3-item-inner svg {
	color: var(--m3-popover-fg);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-label {
	color: var(--m3-popover-primary);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-separator {
	background: linear-gradient(
		to right,
		transparent,
		var(--m3-popover-border),
		transparent
	);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-check-icon,
html[data-theme='light']:not(.eru-tw-admin) .m3-radio-icon,
html[data-theme='light']:not(.eru-tw-admin) .m3-back-icon {
	color: var(--m3-popover-fg) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .m3-page-chevron {
	color: var(--m3-popover-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle:focus,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle:active {
	background: transparent !important;
	border: 0 !important;
	color: var(--tw-text, #111) !important;
	box-shadow: none !important;
	outline: none !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle:focus-visible,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle[data-state='open'] {
	background: rgba(0, 0, 0, 0.08) !important;
	border: 0 !important;
	color: var(--tw-text, #111) !important;
	box-shadow: none !important;
	outline: none !important;
	opacity: 1 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle__nick {
	color: var(--tw-text, #111) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle__avatar {
	background-color: transparent;
	box-shadow: none;
}

html[data-theme='light']:not(.eru-tw-admin) .m3-profile-user__name {
	color: var(--m3-popover-fg);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-profile-user__email {
	color: var(--m3-popover-muted);
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item--destructive,
html[data-theme='light']:not(.eru-tw-admin) .m3-item--destructive .m3-item-inner svg {
	color: var(--m3-popover-danger, #ef4444) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .m3-item--destructive[data-highlighted],
html[data-theme='light']:not(.eru-tw-admin) .m3-item--destructive:hover:not([data-disabled]) {
	background: var(--m3-popover-danger-soft, rgba(239, 68, 68, 0.1)) !important;
	color: var(--m3-popover-danger, #ef4444) !important;
}

/* —— Notifications / legacy profile-menu —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-wrap {
	--pm-bg: #fff;
	--pm-text: #1a2332;
	--pm-muted: #5c6b7a;
	--pm-line: rgba(26, 35, 50, 0.1);
	--pm-accent: #111111;
	--pm-toggle: #e8ecf1;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header #kt_quick_panel_toggle.btn,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-msg-toggle {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header #kt_quick_panel_toggle.btn:hover,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-msg-toggle:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-toggle__badge {
	box-shadow: 0 0 0 2px var(--tw-card);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown {
	background: #2a303c !important;
	color: #f4f4f5 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* —— Mobile sidebar —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-ms,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-mobile-sidebar,
html[data-theme='light']:not(.eru-tw-admin) .header-menu-wrapper {
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__link,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms button,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms a {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__link:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__link.is-active {
	background: var(--tw-hover-fill) !important;
}

/* —— Home —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-home {
	--home-page: #f5f5f5;
	--home-panel: #ffffff;
	--home-panel-2: #f0f0f0;
	--home-text: #111111;
	--home-muted: #666666;
	--home-accent: #111111;
	--home-accent-soft: rgba(113, 119, 248, 0.12);
	--home-icon: #7177f8;
	--home-tariff-name: #111111;
	--home-spec-bg: #111111;
	--home-spec-text: #ffffff;
	--home-spec-muted: #999999;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__hero,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__card,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__game,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-item,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__review {
	background: var(--home-panel) !important;
	color: var(--home-text);
	border-color: var(--tw-line);
	box-shadow: var(--tw-shadow);
}

/* —— Account —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-acc {
	--tw-page: #f5f5f5;
	--acc-bg: #ffffff;
	--acc-panel: #f7f7f7;
	--acc-field: #ffffff;
	--acc-field-hover: #f0f0f0;
	--acc-text: #111111;
	--acc-muted: #666666;
	--acc-line: rgba(0, 0, 0, 0.1);
	--acc-accent: #111111;
	--acc-accent-soft: rgba(0, 0, 0, 0.08);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings {
	box-shadow: var(--tw-shadow);
}

/* —— Tickets (user only) —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-sc {
	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-card-hover: #f0f0f0;
	--tw-surface: #ebebeb;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-purple: #111111;
	--tw-purple-soft: rgba(0, 0, 0, 0.08);
	--tw-line: rgba(0, 0, 0, 0.1);
}

/* —— Servers & panels —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-servers,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-server,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-settings,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-console,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-stats,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-order,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-plugins {
	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-card-hover: #f0f0f0;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-purple: #111111;
	--tw-purple-soft: rgba(0, 0, 0, 0.08);
	--tw-btn-primary: #111111;
	--tw-btn-primary-hover: #000000;
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
}

html[data-theme='light']:not(.eru-tw-admin) :root,
html[data-theme='light']:not(.eru-tw-admin) {
	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-card-hover: #f0f0f0;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-purple: #111111;
	--tw-purple-soft: rgba(0, 0, 0, 0.08);
	--tw-btn-primary: #111111;
	--tw-btn-primary-hover: #000000;
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
}

/* —— News / invoices / pay / bonus —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-news,
html[data-theme='light']:not(.eru-tw-admin) .eru-news,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-invoices,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-pay,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-bonus {
	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-card-hover: #f0f0f0;
	--tw-text: #111111;
	--tw-muted: #666666;
}

html[data-theme='light']:not(.eru-tw-admin) .news-article-body,
html[data-theme='light']:not(.eru-tw-admin) .news-article-body p,
html[data-theme='light']:not(.eru-tw-admin) .news-article-body li,
html[data-theme='light']:not(.eru-tw-admin) .news-article-body span {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .news-article-body a {
	color: var(--tw-purple) !important;
}

/* —— Modals / confirm —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-modal,
html[data-theme='light']:not(.eru-tw-admin) .eru-confirm,
html[data-theme='light']:not(.eru-tw-admin) .swal2-popup {
	background: var(--tw-card) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal-backdrop {
	background: rgba(26, 35, 50, 0.35) !important;
}

/* Ticket attach modal keeps admin dark style on user side */
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal {
	background: #111 !important;
	color: #f2f2f2 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 18px !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__body,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__title {
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__close {
	color: rgba(255, 255, 255, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__close:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--ghost {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--ghost:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary:hover:not(:disabled) {
	background: #fff !important;
	color: #111 !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary:disabled {
	background: rgba(255, 255, 255, 0.35) !important;
	color: rgba(0, 0, 0, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__dropzone {
	background: #0c0c0c !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__desc,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__chip {
	color: rgba(255, 255, 255, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__chip {
	background: #141414 !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-fu__icon-card {
	background: #141414 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	color: rgba(255, 255, 255, 0.5) !important;
}

/* Ticket emoji picker keeps admin dark style on user side */
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker {
	background: #111 !important;
	color: #f2f2f2 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 18px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__search {
	background: #0c0c0c !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__search-input {
	color: #f2f2f2 !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__search-input::placeholder,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__search-icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__section-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__empty {
	color: rgba(255, 255, 255, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__tabs {
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__tab {
	color: rgba(255, 255, 255, 0.45) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-emoji-panel .eru-emoji-picker__emoji:hover {
	background: rgba(255, 255, 255, 0.06) !important;
}

/* —— Scrollbars —— */
html[data-theme='light']:not(.eru-tw-admin) {
	--eru-scrollbar-thumb: rgba(26, 35, 50, 0.22);
	--eru-scrollbar-hover: rgba(26, 35, 50, 0.35);
	--eru-scrollbar-track: transparent;
}

html[data-theme='light']:not(.eru-tw-admin) ::-webkit-scrollbar-thumb {
	background: var(--eru-scrollbar-thumb);
}

html[data-theme='light']:not(.eru-tw-admin) ::-webkit-scrollbar-thumb:hover {
	background: var(--eru-scrollbar-hover);
}

/* —— Theme-color meta feel via body —— */
html[data-theme='light']:not(.eru-tw-admin) body {
	accent-color: var(--tw-purple);
}

/* —— Mobile drawer shell —— */
@media (max-width: 991.98px) {
	html[data-theme='light']:not(.eru-tw-admin) .header-menu-wrapper,
	html[data-theme='light']:not(.eru-tw-admin) .header-menu-wrapper.header-menu-wrapper-on {
		background: var(--tw-card) !important;
		background-color: var(--tw-card) !important;
		color: var(--tw-text) !important;
		box-shadow: var(--tw-shadow) !important;
	}

	html[data-theme='light']:not(.eru-tw-admin).eru-mobile-nav-open #kt_header_mobile.header-mobile,
	html[data-theme='light']:not(.eru-tw-admin).eru-mobile-nav-open .header-mobile {
		background: var(--tw-card) !important;
		background-color: var(--tw-card) !important;
	}

	html[data-theme='light']:not(.eru-tw-admin) .header-menu-wrapper-overlay {
		background: rgba(26, 35, 50, 0.35) !important;
	}
}

/* —— Footer home links —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer a,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__footer a {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer a:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__footer a:hover {
	color: var(--tw-text) !important;
}

/* —— Buttons in header topbar —— */
html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn-fixed-height,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn.btn-primary {
	background: var(--tw-btn-primary) !important;
	border-color: var(--tw-btn-primary) !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn-fixed-height:hover {
	background: var(--tw-btn-primary-hover) !important;
}

/* —— Tables / lists generic —— */
html[data-theme='light']:not(.eru-tw-admin) .table thead th {
	background: var(--tw-surface) !important;
	color: var(--tw-muted) !important;
	border-color: var(--tw-line) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .table td {
	border-color: var(--tw-line) !important;
}

/* —— Toast / tip —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-toast,
html[data-theme='light']:not(.eru-tw-admin) .eru-tip {
	background: var(--tw-card) !important;
	color: var(--tw-text) !important;
	border-color: var(--tw-line) !important;
	box-shadow: var(--tw-shadow) !important;
}

/* —— Confirm alert —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-confirm-alert {
	--ca-bg: rgba(26, 35, 50, 0.04);
	--ca-text: #1a2332;
	--ca-muted: #5c6b7a;
	background: rgba(26, 35, 50, 0.35);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-confirm-alert__card {
	background: #fff;
	background-image: none;
	border-color: rgba(26, 35, 50, 0.1);
	box-shadow: 0 12px 40px rgba(26, 35, 50, 0.12);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-confirm-alert__title {
	color: #1a2332;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-confirm-alert__text {
	color: #5c6b7a;
}

/* ============================================================
   Light theme — text + hover fixes (high specificity)
   ============================================================ */

/* —— Global content text —— */
html[data-theme='light']:not(.eru-tw-admin) #kt_content,
html[data-theme='light']:not(.eru-tw-admin) #kt_content p,
html[data-theme='light']:not(.eru-tw-admin) #kt_content span,
html[data-theme='light']:not(.eru-tw-admin) #kt_content li,
html[data-theme='light']:not(.eru-tw-admin) #kt_content td,
html[data-theme='light']:not(.eru-tw-admin) #kt_content th,
html[data-theme='light']:not(.eru-tw-admin) #kt_content label,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .navi-text,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .navi-link {
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) #kt_content h1,
html[data-theme='light']:not(.eru-tw-admin) #kt_content h2,
html[data-theme='light']:not(.eru-tw-admin) #kt_content h3,
html[data-theme='light']:not(.eru-tw-admin) #kt_content h4,
html[data-theme='light']:not(.eru-tw-admin) #kt_content h5,
html[data-theme='light']:not(.eru-tw-admin) #kt_content h6,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .font-weight-bolder,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .card-title,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .card-label {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_content a:not(.btn):not(.eru-auth-btn):not(.eru-home__cta):not(.eru-act--primary) {
	color: var(--tw-purple);
}

html[data-theme='light']:not(.eru-tw-admin) #kt_content a:not(.btn):not(.eru-auth-btn):not(.eru-home__cta):not(.eru-act--primary):hover {
	color: var(--tw-btn-primary-hover);
}

html[data-theme='light']:not(.eru-tw-admin) .text-white,
html[data-theme='light']:not(.eru-tw-admin) .text-dark,
html[data-theme='light']:not(.eru-tw-admin) .text-dark-75,
html[data-theme='light']:not(.eru-tw-admin) .text-dark-50 {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .text-muted {
	color: var(--tw-muted) !important;
}

/* —— Home text + hover —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-home,
html[data-theme='light']:not(.eru-tw-admin) .eru-home p,
html[data-theme='light']:not(.eru-tw-admin) .eru-home span,
html[data-theme='light']:not(.eru-tw-admin) .eru-home li {
	color: var(--home-text);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__hello,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__muted,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__section-sub,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-desc,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-a,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__review-meta {
	color: var(--home-muted) !important;
}

/* Stats + feature icons — same purple (beat span text rules) */
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__stat .eru-home__feature-icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature .eru-home__feature-icon {
	color: var(--home-icon, #7177f8) !important;
	background: var(--home-accent-soft, rgba(113, 119, 248, 0.12)) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-icon span,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-icon .eru-ci,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-home__feature-icon span,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-home__feature-icon .eru-ci {
	color: inherit !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-icon svg {
	color: inherit !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__brand,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__section-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__game-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__news-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-q,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__review-name,
html[data-theme='light']:not(.eru-tw-admin) .eru-home h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-home h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-home h3 {
	color: var(--home-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__link,
html[data-theme='light']:not(.eru-tw-admin) .eru-home a:not(.btn):not(.eru-home__cta):not(.eru-home__tariff-cta):not(.eru-home__test-cta) {
	color: var(--home-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__link:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home a:not(.btn):not(.eru-home__cta):not(.eru-home__tariff-cta):not(.eru-home__test-cta):hover {
	color: var(--home-text) !important;
	background: var(--tw-hover-fill);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-q:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--home-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-item.is-open .eru-home__faq-chev,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-chev {
	color: var(--home-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__scroll-top {
	background: var(--tw-card) !important;
	color: var(--tw-text) !important;
	border: 1px solid var(--tw-line) !important;
	box-shadow: var(--tw-shadow) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__scroll-top:hover {
	background: var(--tw-card-hover) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__col,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer p {
	color: var(--tw-muted) !important;
	border-color: var(--tw-line) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__logo,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__brand {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__col a {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__col a:hover {
	color: var(--tw-text) !important;
}

/* Keep CTA text white on purple */
html[data-theme='light']:not(.eru-tw-admin) .eru-home__cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__test-cta,
html[data-theme='light']:not(.eru-tw-admin) .btn-primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary {
	color: #fff !important;
}

/* —— Servers —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-servers,
html[data-theme='light']:not(.eru-tw-admin) .eru-servers-toolbar__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__name,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__title {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-servers-toolbar__sub,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__meta,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__ip {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) a.eru-tabs__link {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) a.eru-tabs__link:hover,
html[data-theme='light']:not(.eru-tw-admin) a.eru-tabs__link.is-active {
	color: var(--tw-text) !important;
	border-bottom-color: var(--tw-purple) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-act,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--ghost,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-back {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--ghost:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__ip-copy-btn:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__quick .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-layout-btn:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary:hover {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-act--danger:hover {
	background: rgba(224, 62, 77, 0.12) !important;
	color: var(--tw-red) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-layout-btn__icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-layout-btn.is-on .eru-layout-btn__icon {
	color: var(--tw-text) !important;
}

/* Toolbar «Добавить» — white label on black (not --tw-text) */
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add,
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add span,
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add .eru-btn-add__plus {
	background: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add:hover {
	background: #000 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add__plus {
	background: transparent !important;
}

/* Card quick actions: icon-only, no solid black fill */
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--stop,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--danger,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--ghost,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--primary {
	background: transparent !important;
	border-color: transparent !important;
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act .eru-ci,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act svg {
	color: inherit !important;
	fill: currentColor;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--ghost:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--primary:hover {
	background: rgba(0, 0, 0, 0.06) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--stop:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--danger:hover {
	background: rgba(240, 67, 86, 0.1) !important;
	color: var(--tw-red) !important;
}

/* —— Tickets (light): calm slate contrast, no loud purple chat —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-sc {
	--tw-card: #ffffff;
	--tw-card-hover: #f3f5f8;
	--tw-surface: #f0f3f7;
	--tw-text: #15202b;
	--tw-muted: #6b7785;
	--tw-purple: #4f74d6;
	--tw-purple-soft: rgba(79, 116, 214, 0.12);
	--tw-line: rgba(15, 23, 42, 0.08);
	--tw-line-strong: rgba(15, 23, 42, 0.14);
	--tw-bubble-user: #1c2430;
	--tw-bubble-user-fg: #f5f7fa;
	--tw-bubble-staff: #eef1f5;
	--tw-hover-fill: rgba(15, 23, 42, 0.05);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__ticket-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__chat-title {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__topic-card {
	background: rgba(15, 23, 42, 0.04) !important;
	border-color: var(--tw-line) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__topic-card-label {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__topic-card-title {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__ticket-meta,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__muted,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__toolbar-sub {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__listpane,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__chatpane {
	background: var(--tw-card) !important;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__ticket:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__ticket.is-active,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__chat-menu-item:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__tool:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc-table tbody tr:hover td {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__back,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__back:hover {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__back:hover {
	background: var(--tw-hover-fill) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg.is-user .eru-msg__bubble {
	background: var(--tw-bubble-user) !important;
	color: var(--tw-bubble-user-fg) !important;
	border-color: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg.is-staff .eru-msg__bubble {
	background: var(--tw-bubble-staff) !important;
	color: #1e293b !important;
	border-color: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg.is-user .eru-msg__bubble a {
	color: #9ec1ff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg.is-staff .eru-msg__bubble a {
	color: #4f74d6 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg__avatar {
	background: var(--tw-purple) !important;
	color: #fff !important;
	box-shadow: 0 0 0 3px var(--tw-purple-soft) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-box {
	background: var(--tw-card) !important;
	border: 0 !important;
	border-top: 1px solid var(--tw-line) !important;
	border-radius: 0 0 14px 14px !important;
	box-shadow: none !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-box:focus-within {
	background: var(--tw-card) !important;
	border-top-color: var(--tw-line) !important;
	box-shadow: none !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-input {
	color: var(--tw-text) !important;
	background: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__composer-input::placeholder {
	color: #8a94a3 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__tool {
	color: #6b7280 !important;
	background: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc__tool:hover {
	color: #111 !important;
	background: rgba(0, 0, 0, 0.06) !important;
}

/* Mobile user: pill composer (same shape as admin) */
@media (max-width: 767.98px) {
	html[data-theme='light']:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--view .eru-sc__composer-box {
		background: var(--tw-card) !important;
		border: 1px solid var(--tw-line) !important;
		border-radius: 16px !important;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	html[data-theme='light']:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--view .eru-sc__composer-box:focus-within {
		background: var(--tw-card) !important;
		border-color: var(--tw-line-strong, var(--tw-line)) !important;
	}

	html[data-theme='light']:not(.eru-tw-admin) .eru-sc__workspace.eru-sc--view .eru-sc__composer-input {
		background: transparent !important;
	}
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc-field__select option {
	background: #fff !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-fu,
html[data-theme='light']:not(.eru-tw-admin) .eru-fu__*,
html[data-theme='light']:not(.eru-tw-admin) [class*='eru-fu'] {
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-fu__drop,
html[data-theme='light']:not(.eru-tw-admin) .eru-fu__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-fu__modal {
	background: var(--tw-card) !important;
	border-color: var(--tw-line) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-fu__drop:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-fu__btn:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-fu__item:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text) !important;
}

/* —— News —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-news__item-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article p,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article li,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article span,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-article h3 {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news__item-meta,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__meta {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-view__back,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-view__back:hover {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-view__back:hover {
	background: var(--tw-hover-fill) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments {
	--tw-page: #f5f5f5;
	--tw-card: transparent;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-line: rgba(0, 0, 0, 0.1);
	--nc-subdued: #111111;
	--nc-surface: #111111;
	--nc-text: #ffffff;
	--nc-muted: #b0b0b0;
	--nc-tertiary: #999999;
	--nc-border: rgba(255, 255, 255, 0.12);
	--nc-accent: #111111;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	color: #111;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__title {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__count {
	color: #888 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__text,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__author,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__textarea {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__date,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__parent,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__parent span {
	color: #b0b0b0 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__action,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__replies-toggle,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__replies-count {
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__textarea-wrap {
	background: #111 !important;
	border-color: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__textarea-wrap:focus-within,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__textarea-wrap.has-value:not(:focus-within) {
	background: #111 !important;
	border-color: #333 !important;
	box-shadow: none;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__textarea::placeholder {
	color: #888 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__bubble {
	background: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__send,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__emoji-btn {
	color: #ccc !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__emoji-btn:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__emoji-btn.is-open,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__action:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__toggle:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments__replies-toggle:hover {
	background: rgba(0, 0, 0, 0.06) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-article a,
html[data-theme='light']:not(.eru-tw-admin) .news-article-body a {
	color: var(--tw-purple) !important;
}

/* —— Account —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-acc,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings__nav-btn,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-field__label {
	color: var(--acc-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings__hint,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-muted {
	color: var(--acc-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings__nav-btn:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--acc-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-settings__nav-btn.is-active {
	background: var(--tw-hover-fill-strong) !important;
	color: var(--acc-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-btn--ghost {
	color: var(--acc-text) !important;
	border-color: var(--acc-line) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-acc-btn--ghost:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--acc-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-crop__x,
html[data-theme='light']:not(.eru-tw-admin) .eru-crop__x:hover {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-crop__x:hover {
	background: var(--tw-hover-fill) !important;
}

/* —— Profile / notifications —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-wrap {
	--pm-bg: #fff;
	--pm-text: #111111;
	--pm-muted: #666666;
	--pm-line: rgba(0, 0, 0, 0.1);
	--pm-toggle: #ebebeb;
	--msg-bg: #fff;
	--msg-panel: #fff;
	--msg-field: #f5f5f5;
	--msg-text: #111111;
	--msg-muted: #666666;
	--msg-line: rgba(0, 0, 0, 0.1);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-toggle__nick {
	color: var(--tw-text, #111) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-row,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-row__label,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-link,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-user__name,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-nav a {
	color: var(--pm-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-user__email,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-row__hint {
	color: var(--pm-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-row:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-link:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-nav a:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-profile-row__hint:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--pm-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-msg-toggle:hover,
html[data-theme='light']:not(.eru-tw-admin) #kt_header #kt_quick_panel_toggle.btn:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown,
html[data-theme='light']:not(.eru-tw-admin) #kt_quick_panel.eru-msg-panel {
	background: #2a303c !important;
	color: #f4f4f5 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-panel__head,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-panel__body {
	background: #2a303c !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-list__name,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-item__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-item__text {
	color: #f4f4f5 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-item__time,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel__empty,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-list__time,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-list__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-empty {
	color: #9ca3af !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel__close,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel__close:hover {
	color: #f4f4f5 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel__close:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-item:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-msg-panel--dropdown .eru-msg-list__link:hover {
	background: rgba(255, 255, 255, 0.08) !important;
}

/* —— Mobile sidebar —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__chevron {
	color: var(--tw-muted) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item:hover .eru-ms__icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item.is-active .eru-ms__icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item:hover .eru-ms__chevron,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item.is-active {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__rail,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__bottom {
	border-color: var(--tw-line) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__workspace:hover {
	background: var(--tw-hover-fill) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__item.is-active {
	background: var(--tw-hover-fill-strong) !important;
}

/* —— Toasts —— */
html[data-theme='light']:not(.eru-tw-admin) #toast-container > div,
html[data-theme='light']:not(.eru-tw-admin) #toast-container > .toast-success,
html[data-theme='light']:not(.eru-tw-admin) #toast-container > .toast-error,
html[data-theme='light']:not(.eru-tw-admin) #toast-container > .toast-warning,
html[data-theme='light']:not(.eru-tw-admin) #toast-container > .toast-info {
	background: #fff !important;
	color: var(--tw-text) !important;
	border: 1px solid var(--tw-line) !important;
	box-shadow: var(--tw-shadow) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #toast-container .toast-title,
html[data-theme='light']:not(.eru-tw-admin) #toast-container .toast-message,
html[data-theme='light']:not(.eru-tw-admin) #toast-container .toast-close-button {
	color: var(--tw-text) !important;
}

html[data-theme='light']:not(.eru-tw-admin) #toast-container .toast-close-button:hover {
	color: var(--tw-muted) !important;
}

/* —— Desktop nav icons on light —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__chevron {
	opacity: 0.7;
	color: inherit;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger[data-popup-open] .eru-nm__chevron {
	opacity: 1;
}

/* —— Generic hover fill for white-alpha leftovers —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-home [class*='__item']:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home [class*='__card']:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home [class*='__row']:hover {
	/* don't force bg on every card — only when they used white-alpha */
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__game:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__news-card:hover {
	background: var(--home-panel) !important;
	box-shadow: var(--tw-shadow);
}

/* —— Borders that used white-alpha —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-home hr,
html[data-theme='light']:not(.eru-tw-admin) .eru-home [class*='divider'],
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer hr {
	border-color: var(--tw-line) !important;
	background-color: var(--tw-line) !important;
}

/* —— Black & white: force primary / accent chrome —— */
html[data-theme='light']:not(.eru-tw-admin) .btn-primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__test-cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-auth-btn--primary,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn-fixed-height,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn.btn-primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add {
	background: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-header-balance {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--tw-muted) !important;
}
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-header-balance:hover {
	background: transparent !important;
	box-shadow: none !important;
	color: var(--tw-text) !important;
}
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-header-balance:hover .eru-header-balance__icon,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .eru-header-balance:hover .eru-header-balance__icon svg {
	color: var(--tw-purple, #7177f8) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .btn-primary:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__cta:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-cta:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__test-cta:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-auth-btn--primary:hover,
html[data-theme='light']:not(.eru-tw-admin) #kt_header .btn-fixed-height:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-btn-add:hover {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-msg-toggle__badge,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__badge,
html[data-theme='light']:not(.eru-tw-admin) .badge-primary {
	background: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__avatar,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__brand-mark {
	background-color: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ms__brand-mark {
	background: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__brand-accent,
html[data-theme='light']:not(.eru-tw-admin) .eru-ms__brand-accent {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-profile-switch.is-on {
	background: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .text-success {
	color: var(--tw-green) !important;
	opacity: 1;
}

html[data-theme='light']:not(.eru-tw-admin) .text-danger {
	color: var(--tw-red) !important;
	opacity: 1;
}

html[data-theme='light']:not(.eru-tw-admin) .text-warning {
	color: var(--tw-amber) !important;
	opacity: 1;
}

/* ============================================================
   Final pass — all sections text + hover (B&W light)
   ============================================================ */

html[data-theme='light']:not(.eru-tw-admin) .eru-order,
html[data-theme='light']:not(.eru-tw-admin) .eru-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings,
html[data-theme='light']:not(.eru-tw-admin) .eru-console,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay,
html[data-theme='light']:not(.eru-tw-admin) .eru-invoices,
html[data-theme='light']:not(.eru-tw-admin) .eru-bonus,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins {
	--tw-page: #f5f5f5;
	--tw-card: #ffffff;
	--tw-text: #111111;
	--tw-muted: #666666;
	--tw-hover-fill: rgba(0, 0, 0, 0.05);
	--tw-hover-fill-strong: rgba(0, 0, 0, 0.09);
	--tw-line: rgba(0, 0, 0, 0.1);
	--tw-line-strong: rgba(0, 0, 0, 0.18);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	color: var(--tw-text);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-control__back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-view__back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc__back:hover {
	color: #111 !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-action:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-action:hover .eru-action__icon,
html[data-theme='light']:not(.eru-tw-admin) .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--ghost:hover {
	color: #111 !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__body,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__close {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal__close:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__btn:hover {
	background: rgba(0, 0, 0, 0.05) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal__btn--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__btn--primary:hover {
	background: #111 !important;
	color: #fff !important;
}

/* Keep ticket attach modal on admin dark palette */
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__title,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__body {
	background: #111 !important;
	color: #f2f2f2 !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__title {
	background: transparent !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__close {
	color: rgba(255, 255, 255, 0.45) !important;
	background: transparent !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__close:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--ghost,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--ghost:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--ghost:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary:hover:not(:disabled) {
	background: #fff !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-settings,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings a,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings label,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings h3 {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-settings a:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings button:hover:not(.btn-primary):not(.eru-act--primary) {
	color: #111 !important;
	background: rgba(0, 0, 0, 0.05);
}

html[data-theme='light']:not(.eru-tw-admin) .eru-console:not(.eru-console__screen),
html[data-theme='light']:not(.eru-tw-admin) .eru-console__toolbar,
html[data-theme='light']:not(.eru-tw-admin) .eru-console__title {
	color: #111 !important;
}

/* Console terminal stays dark for readability */
html[data-theme='light']:not(.eru-tw-admin) .eru-console__screen {
	color: #e8eef5 !important;
	background: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-pay,
html[data-theme='light']:not(.eru-tw-admin) .eru-invoices,
html[data-theme='light']:not(.eru-tw-admin) .eru-bonus,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats {
	color: #111;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-pay h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-invoices h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-bonus h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats h3 {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__link:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__col a:hover {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-q,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-q:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__feature-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__section-title,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__brand,
html[data-theme='light']:not(.eru-tw-admin) .eru-site-footer__logo {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__faq-q:hover {
	background: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger {
	color: #666 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger[data-popup-open],
html[data-theme='light']:not(.eru-tw-admin) .eru-nm__trigger.is-active {
	color: #111 !important;
}

/* Primary buttons always white text on black */
html[data-theme='light']:not(.eru-tw-admin) .btn-primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-action--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__cta,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-btn--primary {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal__btn--primary {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-ticket-modal .eru-modal__btn--primary {
	color: #111 !important;
}

/* ============================================================
   Contrast + status colors (beat blanket text rules)
   ============================================================ */

/* Online / offline / locked — green circle + matching label like dark theme */
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-online .eru-control__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-online .eru-control__status span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-online .eru-server-identity__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-online .eru-server-identity__status span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-online .eru-server-card__status-line,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-online .eru-server-card__status,
html[data-theme='light']:not(.eru-tw-admin) #eru_servers_list.eru-view-grid .eru-server-card.is-online .eru-server-card__status-line {
	color: var(--tw-green) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-offline .eru-control__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-offline .eru-control__status span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-offline .eru-server-identity__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-offline .eru-server-card__status-line,
html[data-theme='light']:not(.eru-tw-admin) #eru_servers_list.eru-view-grid .eru-server-card.is-offline .eru-server-card__status-line {
	color: var(--tw-red) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-locked .eru-control__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-locked .eru-control__status span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-locked .eru-server-identity__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-locked .eru-server-card__status-line,
html[data-theme='light']:not(.eru-tw-admin) #eru_servers_list.eru-view-grid .eru-server-card.is-locked .eru-server-card__status-line {
	color: var(--tw-amber) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-online .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-online .eru-server-identity__dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-online .eru-server-card__status-dot {
	background: var(--tw-green) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-offline .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-offline .eru-server-identity__dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-offline .eru-server-card__status-dot {
	background: var(--tw-red) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-locked .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-locked .eru-server-identity__dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-locked .eru-server-card__status-dot {
	background: var(--tw-amber) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-busy .eru-control__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-install .eru-control__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-busy .eru-server-identity__status,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-install .eru-server-identity__status {
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-busy .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-control.is-install .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-busy .eru-server-identity__dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome.is-install .eru-server-identity__dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-busy .eru-server-card__status-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card.is-install .eru-server-card__status-dot {
	background: #555 !important;
}

/* Avatars: light surface + dark letter (was #1b2530 + pale letter) */
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__avatar,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-identity__avatar,
html[data-theme='light']:not(.eru-tw-admin) .eru-control__avatar {
	background: #ebebeb !important;
	color: #333 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__avatar-letter {
	color: #333 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__status-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-control__avatar-dot,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-identity__dot {
	border-color: var(--tw-card) !important;
}

/* Hardcoded dark fields / chips → light */
html[data-theme='light']:not(.eru-tw-admin) .eru-order__panel .form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__panel select.form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__panel input.form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__panel .form-control:focus {
	background: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__slots-slider,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__slots-chip {
	background: #f0f0f0 !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__slots-value,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__slots-unit {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-pay-select,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay-modal select.form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay-select:focus,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay-modal select.form-control:focus {
	background-color: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
	color-scheme: light;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%23666666%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal__field,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal input.form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal select.form-control,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal textarea.form-control {
	background: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-modal__hint,
html[data-theme='light']:not(.eru-tw-admin) .eru-modal__label,
html[data-theme='light']:not(.eru-tw-admin) .eru-pay-modal__label {
	color: #666 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__search,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__hero,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__panel {
	background: #111 !important;
	border: 0 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__muted,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__meta,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__meta {
	color: #b0b0b0 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news__item,
html[data-theme='light']:not(.eru-tw-admin) .eru-news-view__card {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-news-comments {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-stats__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-stats__chart-wrap {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-pay__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-invoices__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-bonus__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-dropzone,
html[data-theme='light']:not(.eru-tw-admin) .eru-acc-feed__item {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

/* Chrome quick actions: dark-theme gray → readable muted */
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__quick .eru-act--stop,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__quick .eru-act--danger,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__quick .eru-act--ghost {
	border-color: rgba(0, 0, 0, 0.14) !important;
	color: #666 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-chrome__quick .eru-act--ghost:hover {
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.22) !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

/* Don't force black onto white-on-black CTAs / badges */
html[data-theme='light']:not(.eru-tw-admin) .btn-primary.text-white,
html[data-theme='light']:not(.eru-tw-admin) .eru-act--primary.text-white,
html[data-theme='light']:not(.eru-tw-admin) .badge-primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-badge,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-specs b,
html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-specs span b {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-specs span {
	color: var(--home-spec-muted, #999) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-home__tariff-specs {
	color: inherit;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__label,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__hint,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__summary-muted {
	color: #666 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__summary {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__option,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__game {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-order__option:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__game:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__option.is-active,
html[data-theme='light']:not(.eru-tw-admin) .eru-order__game.is-active {
	background: rgba(0, 0, 0, 0.04) !important;
	border-color: #111 !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-act--danger:hover {
	color: var(--tw-red) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc-field__select,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc-field__input,
html[data-theme='light']:not(.eru-tw-admin) .eru-sc-field__textarea {
	background: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-sc-field__select option {
	background: #fff !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-settings input,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings select,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings textarea,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings .form-control {
	background: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-settings__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-settings .card {
	background: #fff !important;
	color: #111 !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
}

/* —— Servers list buttons (final, highest specificity) —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-servers .eru-btn-add,
html[data-theme='light']:not(.eru-tw-admin) .eru-servers .eru-btn-add:hover,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-btn-add,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-btn-add:hover {
	background: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-servers .eru-btn-add:hover,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-btn-add:hover {
	background: #000 !important;
	border-color: #000 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-servers .eru-btn-add span,
html[data-theme='light']:not(.eru-tw-admin) .eru-servers .eru-btn-add .eru-btn-add__plus,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-btn-add span,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-btn-add .eru-btn-add__plus {
	background: transparent !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--stop,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--danger,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--ghost,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions a.eru-act--primary {
	background: transparent !important;
	border: 0 !important;
	color: #555 !important;
	box-shadow: none !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act span,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act .eru-ci,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-server-card__actions .eru-act span,
html[data-theme='light']:not(.eru-tw-admin) #kt_content .eru-server-card__actions .eru-act .eru-ci {
	color: inherit !important;
	background: transparent !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--ghost:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--primary:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions a.eru-act--primary:hover {
	background: rgba(0, 0, 0, 0.06) !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--stop:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-server-card__actions .eru-act--danger:hover {
	background: rgba(240, 67, 86, 0.1) !important;
	color: #f04356 !important;
}

/* —— Plugins workshop (black cards / white text on light page) —— */
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins,
html[data-theme='light']:not(.eru-tw-admin) .eru-tw-plugins {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__title {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__meta {
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__filters-col,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__filters {
	background: #111 !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field > span {
	color: #b0b0b0 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field input,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field input:focus,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select:focus,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select:hover {
	background-color: #1a1a1a !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color-scheme: dark;
	box-shadow: none !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field input:focus,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select:focus {
	background-color: #222 !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field input::placeholder {
	color: #888 !important;
	opacity: 1;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select {
	--eru-plugins-chevron: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%23b0b0b0%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
	background-image: var(--eru-plugins-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	accent-color: #fff;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select option,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__field select optgroup {
	background-color: #1a1a1a !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--primary,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--primary:hover {
	background: #fff !important;
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--primary:hover {
	background: #e8e8e8 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--ghost,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--ghost:hover {
	background: transparent !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__btn--ghost:hover {
	background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card {
	background: #111 !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card:hover {
	background: #1a1a1a !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card-name,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card-icon {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card-icon {
	background: #222 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card-tag,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__card-meta {
	color: #b0b0b0 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__empty,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__empty h4 {
	color: #111 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__pager {
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__pager a {
	color: #111 !important;
	background: transparent !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins__pager a:hover {
	background: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__hero,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__panel,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__ver {
	background: #111 !important;
	border: 0 !important;
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__intro h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__ver-name,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme p,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme li,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme h1,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme h2,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme h3 {
	color: #fff !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__muted,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__disclaimer,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__ver-meta,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__intro > p {
	color: #b0b0b0 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__back,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__crumb,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__tabs button {
	color: #555 !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__back:hover,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__tabs button.is-active,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__tabs button:hover {
	color: #111 !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme a {
	color: #fff !important;
	text-decoration: underline;
}

html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme code,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme pre,
html[data-theme='light']:not(.eru-tw-admin) .eru-plugins-detail__readme .eru-plugins-pre {
	background: #1a1a1a !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Unified Timeweb-style modals */
.eru-modal-backdrop {
	display: block !important;
	background: rgba(0, 0, 0, 0.55) !important;
	opacity: 0;
	transition: opacity 0.22s ease;
}
.eru-modal-backdrop.is-visible {
	opacity: 1;
}
.eru-modal-backdrop .modal-dialog {
	margin: 1.5rem auto;
	opacity: 0;
	transform: translateY(14px) scale(0.98);
	transition:
		transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.22s ease;
	pointer-events: none;
}
.eru-modal-backdrop .eru-modal,
.eru-modal-backdrop .modal-content {
	pointer-events: auto;
}
.eru-modal-backdrop.is-visible .modal-dialog {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.eru-modal-backdrop .modal-dialog.eru-pay-modal__dialog {
	max-width: 420px;
}
.eru-modal-backdrop .modal-dialog.modal-lg {
	max-width: 900px;
}

.eru-modal {
	width: 100%;
	background: #242f3d;
	border-radius: 16px;
	overflow: hidden;
	color: var(--tw-text, #fff);
	box-shadow: none;
}
.eru-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 20px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-modal__title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--tw-text, #fff);
}
.eru-modal__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #7f91a4;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.eru-modal__close:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
	color: var(--tw-text, #fff);
}
.eru-modal__body {
	padding: 18px 20px;
}
.eru-modal__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 12px 20px 18px;
}
.eru-modal__btn {
	min-height: 42px;
	padding: 8px 18px;
	border: 0;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
	font-family: inherit;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.eru-modal__btn:disabled {
	opacity: 0.55;
	cursor: default;
}
.eru-modal__btn--ghost {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
	color: var(--tw-text, #fff);
}
.eru-modal__btn--ghost:hover:not(:disabled) {
	background: var(--tw-hover-fill-strong, rgba(255,255,255,0.1));
}
.eru-modal__btn--primary {
	background: #7177f8;
	color: var(--tw-text, #fff);
}
.eru-modal__btn--primary:hover:not(:disabled) {
	background: #525aff;
}
.eru-modal__btn--danger {
	background: #f04356;
	color: var(--tw-text, #fff);
}
.eru-modal__btn--danger:hover:not(:disabled) {
	background: #d93648;
}
.eru-modal__label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4;
}
.eru-modal__field {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background: #1b2530;
	color: var(--tw-text, #fff);
	font-size: 14px;
	font-family: inherit;
	outline: none;
	box-sizing: border-box;
}
.eru-modal__field:focus {
	border-color: #7177f8;
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.18);
}
.eru-modal__hint {
	margin: 8px 0 0;
	font-size: 12px;
	color: #7f91a4;
}
.eru-modal__notice {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(113, 119, 248, 0.1);
	color: #c5c8ff;
	font-size: 13px;
	font-weight: 500;
}
.eru-modal__notice-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(113, 119, 248, 0.18);
	color: #a8adff;
	font-size: 13px;
	font-weight: 700;
	flex-shrink: 0;
}
.eru-modal__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
	padding: 14px 16px;
	border-radius: 12px;
	background: rgba(113, 119, 248, 0.08);
}
.eru-modal__total-label {
	font-size: 13px;
	font-weight: 500;
	color: #9aa8b8;
}
.eru-modal__total-value {
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	text-align: right;
}
.eru-modal__select {
	width: 100%;
	min-height: 46px;
	padding: 10px 40px 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background-color: #1b2530;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%239aa8b8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	color: var(--tw-text, #fff);
	font-size: 14px;
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	color-scheme: dark;
	cursor: pointer;
	outline: none;
}
.eru-modal__select:focus {
	border-color: #7177f8;
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.18);
}
.eru-modal__alert {
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 13px;
	margin-bottom: 14px;
}
.eru-modal__alert--warning {
	background: rgba(245, 165, 36, 0.12);
	color: #f5c56b;
}
.eru-modal__alert--danger {
	background: rgba(240, 67, 86, 0.12);
	color: #ff8f9b;
}

.eru-modal__label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}
.eru-modal__label-row .eru-modal__label {
	margin-bottom: 0;
}
.eru-modal__gen-btn {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	color: #c5d0dc;
	font-size: 12px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.eru-modal__gen-btn:hover {
	background: rgba(54, 153, 255, 0.14);
	border-color: rgba(54, 153, 255, 0.4);
	color: #fff;
}
.eru-modal__stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.eru-modal__stack .eru-pass-field .eru-modal__field,
.eru-modal__stack .eru-pass-field .form-control {
	min-height: 46px;
	padding: 10px 44px 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background: #1b2530;
	color: var(--tw-text, #fff);
	font-size: 14px;
}
.eru-modal__stack .eru-pass-field .eru-modal__field:focus,
.eru-modal__stack .eru-pass-field .form-control:focus {
	border-color: rgba(54, 153, 255, 0.7);
	box-shadow: 0 0 0 3px rgba(54, 153, 255, 0.16);
	outline: none;
}
.eru-modal__theme-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.eru-modal__theme-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	background: #1b2530;
	color: #d6deea;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.eru-modal__theme-btn:hover {
	border-color: rgba(54, 153, 255, 0.45);
	background: rgba(54, 153, 255, 0.1);
	color: #fff;
}

@media (max-width: 420px) {
	.eru-modal__mode,
	.eru-modal__theme-grid {
		grid-template-columns: 1fr;
	}
}

/* Timeweb Cloud–style motion (subtle, site-wide) */
:root {
	--tw-duration: .2s;
	--tw-ease: ease-in-out;
	--tw-motion: var(--tw-duration) var(--tw-ease);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--tw-duration: 0.01ms;
		--tw-motion: 0.01ms linear;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Interactive surfaces */
a,
button,
.btn,
.eru-act,
.eru-action,
.eru-tabs__link,
.eru-nav-link,
.eru-adm-nav__link,
.eru-home__tariff,
.eru-home__game,
.eru-home__feature,
.eru-home__cta,
.eru-home__link,
.eru-home__section-link,
.eru-order__tarif-row,
.eru-order__period-btn,
.eru-order__step,
.eru-order__icon-btn,
.eru-order__input-addon-btn,
.eru-sc__icon-btn,
.eru-settings__refresh,
.eru-layout-btn,
.eru-order__submit,
.eru-settings__link,
.eru-settings__card--toggle,
.eru-settings__info,
.eru-info__btn,
.eru-info__link,
.eru-sc__btn,
.eru-sc__ticket,
.eru-sc__tool,
.eru-adm__btn,
.eru-view-toggle__btn,
.eru-btn-add,
.form-control,
select.form-control,
input.form-control {
	transition-property: color, background-color, background, border-color, box-shadow, opacity, transform, fill, stroke;
	transition-duration: var(--tw-duration);
	transition-timing-function: var(--tw-ease);
}

/* Soft lift on primary cards / rows — keep small */
.eru-home__tariff,
.eru-home__game,
.eru-order__tarif-row {
	transition-property: color, background-color, background, border-color, box-shadow, opacity, transform;
}

.eru-home__tariff:hover,
.eru-home__game:hover {
	transform: translateY(-1px);
}

.eru-order__tarif-row:hover {
	transform: none;
}

/* SPA / content fade-in */
#kt_content {
	animation: eruTwFadeIn var(--tw-duration) var(--tw-ease);
}

@keyframes eruTwFadeIn {
	from { opacity: .55; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	#kt_content {
		animation: none;
	}
	.eru-home__tariff:hover,
	.eru-home__game:hover {
		transform: none;
	}
}

/* Profile menu (Timeweb-style) + streamer mode */
#kt_header,
#kt_header > .container,
#kt_header .topbar,
#kt_header .topbar-item {
	overflow: visible !important;
}

/* Header tickets button — clean hover + unread badge */
#kt_header #kt_quick_panel_toggle.btn,
#kt_header .eru-msg-toggle {
	position: relative;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	width: 40px;
	height: 40px;
	border-radius: 12px !important;
	color: #9aa8b8 !important;
	transition: background .15s ease, color .15s ease;
}
#kt_header #kt_quick_panel_toggle.btn .svg-icon,
#kt_header .eru-msg-toggle .svg-icon {
	color: inherit;
}
#kt_header #kt_quick_panel_toggle.btn .svg-icon svg,
#kt_header .eru-msg-toggle .svg-icon svg {
	color: inherit;
}
#kt_header #kt_quick_panel_toggle.btn .svg-icon svg g [fill],
#kt_header #kt_quick_panel_toggle.btn .svg-icon svg path,
#kt_header .eru-msg-toggle .svg-icon svg path {
	fill: currentColor !important;
	transition: fill .15s ease;
}
#kt_header #kt_quick_panel_toggle.btn:hover,
#kt_header #kt_quick_panel_toggle.btn:focus,
#kt_header #kt_quick_panel_toggle.btn:active,
#kt_header #kt_quick_panel_toggle.btn.active,
#kt_header .eru-msg-toggle:hover,
#kt_header .eru-msg-toggle:focus,
#kt_header .eru-msg-toggle:active {
	background: var(--tw-hover-fill, #242f3d) !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: var(--tw-text, #fff) !important;
}
#kt_header .eru-msg-toggle .pulse-ring,
#kt_header #kt_quick_panel_toggle .pulse-ring {
	display: none !important;
}
.eru-msg-toggle__badge {
	position: absolute;
	top: 4px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #7177f8;
	color: var(--pm-text, #fff);
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	box-shadow: 0 0 0 2px var(--tw-card, #17212b);
	pointer-events: none;
}

.eru-profile-wrap {
	--pm-bg: #1a222c;
	--pm-row: transparent;
	--pm-text: #fff;
	--pm-muted: #8b9aab;
	--pm-line: rgba(255, 255, 255, .08);
	--pm-accent: #7177f8;
	--pm-toggle: #3a4554;
	position: relative;
}

.eru-profile-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	max-width: 220px;
	padding: 4px 12px 4px 4px;
	border-radius: 12px;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	background: transparent !important;
	color: var(--tw-text, #fff);
	overflow: visible !important;
	opacity: 1 !important;
	transition: background-color .15s ease;
}
.eru-profile-toggle:hover,
.eru-profile-toggle:focus-visible {
	background: var(--tw-hover-fill-strong, rgba(255, 255, 255, 0.1)) !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	filter: none;
	transform: none;
	opacity: 1 !important;
}
.eru-profile-toggle:focus,
.eru-profile-toggle:active {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}
.eru-profile-toggle__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--tw-page, #17212b) center/cover no-repeat;
	flex-shrink: 0;
	box-shadow: none;
}
.eru-profile-toggle__nick {
	min-width: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit;
}

.eru-profile-menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 300px;
	z-index: 1100;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-10px);
	transform-origin: top right;
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.eru-profile-wrap.is-open .eru-profile-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.eru-profile-menu__card {
	background: var(--pm-bg);
	border-radius: 16px;
	padding: 18px 16px 12px;
	box-shadow: none;
	border: 0;
}

.eru-profile-menu__title {
	margin: 0 8px 14px;
	font-size: 16px;
	font-weight: 700;
	color: var(--pm-text);
	letter-spacing: -0.02em;
}

.eru-profile-user {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	margin: 0 0 10px;
	border-radius: 12px;
	background: var(--tw-hover-fill);
}
.eru-profile-user__avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: #242f3d;
	flex-shrink: 0;
}
.eru-profile-user__meta {
	min-width: 0;
	flex: 1;
}
.eru-profile-user__name {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--pm-text);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eru-profile-user__email {
	display: block;
	font-size: 12px;
	color: var(--pm-muted);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-profile-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 0 8px;
	border-radius: 10px;
	color: var(--pm-text);
	font-size: 14px;
	font-weight: 500;
}
.eru-profile-row:hover {
	background: rgba(255, 255, 255, .03);
}
.eru-profile-row__label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--pm-text);
}
.eru-profile-row__label .eru-nav-icon {
	width: 18px;
	height: 18px;
	color: var(--pm-muted);
	opacity: .95;
}
.eru-profile-row__label .eru-nav-icon svg {
	width: 18px !important;
	height: 18px !important;
}
.eru-profile-row__hint {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	color: var(--pm-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	cursor: help;
	text-decoration: none !important;
}
.eru-profile-row__hint:hover {
	color: var(--pm-text, #fff);
	border-color: rgba(255, 255, 255, .4);
}

.eru-profile-lang {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--pm-muted);
	font-size: 13px;
	font-weight: 600;
}
.eru-profile-lang__flag {
	width: 18px;
	height: 14px;
	border-radius: 2px;
	background:
		linear-gradient(#fff 0 33%, #0039a6 33% 66%, #d52b1e 66% 100%);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}

.eru-profile-switch {
	position: relative;
	width: 42px;
	height: 24px;
	flex-shrink: 0;
	border: none;
	padding: 0;
	border-radius: 999px;
	background: var(--pm-toggle);
	cursor: pointer;
	transition: background .18s ease;
}
.eru-profile-switch::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	transition: transform .18s ease;
}
.eru-profile-switch.is-on {
	background: var(--pm-accent);
}
.eru-profile-switch.is-on::after {
	transform: translateX(18px);
}

.eru-profile-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 8px;
	margin: 2px 0;
	border-radius: 10px;
	color: var(--pm-muted) !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	transition: color .15s ease, background .15s ease;
}
.eru-profile-link .eru-nav-icon {
	width: 18px;
	height: 18px;
	opacity: .9;
}
.eru-profile-link .eru-nav-icon svg {
	width: 18px !important;
	height: 18px !important;
}
.eru-profile-link:hover {
	color: var(--pm-text) !important;
	background: rgba(255, 255, 255, .03);
}
.eru-profile-link--strong {
	color: var(--pm-text) !important;
}

.eru-profile-divider {
	height: 1px;
	margin: 8px 4px;
	background: var(--pm-line);
	border: 0;
}

.eru-profile-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 2px;
}
.eru-profile-nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 8px;
	border-radius: 10px;
	color: var(--pm-muted) !important;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none !important;
}
.eru-profile-nav a:hover {
	color: var(--pm-text) !important;
	background: var(--tw-hover-fill);
}
.eru-profile-nav .eru-nav-icon {
	width: 16px;
	height: 16px;
	opacity: .85;
}

/* Streamer mode — blur sensitive values */
html.eru-streamer .eru-sensitive,
html.eru-streamer [data-sensitive] {
	filter: blur(7px);
	user-select: none !important;
	pointer-events: none;
	transition: filter .2s ease;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
html.eru-streamer .eru-sensitive--soft {
	filter: blur(4px);
}
html.eru-streamer .eru-server-card__ip-btn,
html.eru-streamer #eru_server_addr,
html.eru-streamer input.eru-sensitive,
html.eru-streamer .form-control.eru-sensitive {
	filter: blur(7px);
	user-select: none !important;
	pointer-events: none;
}

@media (max-width: 991.98px) {
	.eru-profile-wrap {
		display: none;
	}
}

/* Messages / tickets quick panel */
#kt_quick_panel.eru-msg-panel.offcanvas {
	--msg-bg: #17212b;
	--msg-panel: #1a2430;
	--msg-field: #242f3d;
	--msg-text: #e8eef4;
	--msg-muted: #8092a5;
	--msg-line: rgba(255, 255, 255, .06);
	--msg-accent: #7177f8;
	width: min(360px, 100vw) !important;
	padding: 0 !important;
	background: var(--msg-bg) !important;
	border-left: 1px solid var(--msg-line);
	box-shadow: -12px 0 40px rgba(0, 0, 0, .4);
	display: flex;
	flex-direction: column;
}
#kt_quick_panel.eru-msg-panel .offcanvas-header,
#kt_quick_panel.eru-msg-panel .eru-msg-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 16px 14px;
	margin: 0;
	border-bottom: 1px solid var(--msg-line);
	background: transparent;
	flex-shrink: 0;
}
.eru-msg-panel__title {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--msg-text);
}
.eru-msg-panel__lede {
	display: none;
}
.eru-msg-panel__close {
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--msg-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	transition: background .15s ease, color .15s ease;
}
.eru-msg-panel__close:hover {
	background: var(--msg-field);
	color: var(--pm-text, #fff);
}
.eru-msg-panel__body {
	flex: 1;
	min-height: 0;
	overflow: auto;
	padding: 16px 10px 18px;
	scrollbar-width: thin;
	scrollbar-color: rgba(127, 145, 164, .32) transparent;
}
.eru-msg-panel__body::-webkit-scrollbar {
	width: 4px;
}
.eru-msg-panel__body::-webkit-scrollbar-track {
	background: transparent;
}
.eru-msg-panel__body::-webkit-scrollbar-thumb {
	background: rgba(127, 145, 164, .32);
	border-radius: 999px;
}
.eru-msg-panel__body::-webkit-scrollbar-thumb:hover {
	background: rgba(127, 145, 164, .5);
}
.eru-msg-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.eru-msg-list__item {
	border: none;
}
.eru-msg-list__link {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 11px 12px;
	border-radius: 10px;
	text-decoration: none !important;
	color: inherit;
	transition: background .12s ease;
}
.eru-msg-list__link:hover {
	background: var(--msg-field);
}
.eru-msg-list__item.is-new .eru-msg-list__link {
	background: rgba(113, 119, 248, .1);
}
.eru-msg-list__item.is-new .eru-msg-list__link:hover {
	background: rgba(113, 119, 248, .16);
}
.eru-msg-list__icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--msg-field);
	color: #9aabbc;
}
.eru-msg-list__icon svg {
	display: block;
	transform-origin: center;
	transform-box: fill-box;
}
.eru-msg-list__item.is-new .eru-msg-list__icon {
	background: rgba(113, 119, 248, .22);
	color: #b8bcff;
}
.eru-msg-list__item.is-pending .eru-msg-list__icon {
	background: rgba(245, 165, 36, .14);
	color: #f5a524;
}
.eru-msg-list__item.is-closed .eru-msg-list__icon {
	background: var(--tw-hover-fill);
	color: #667788;
}
.eru-msg-list__main {
	min-width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding-top: 1px;
}
.eru-msg-list__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.eru-msg-list__name {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--msg-text, #e8eef4);
	line-height: 1.35;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.eru-msg-list__item.is-closed .eru-msg-list__name {
	color: #9aabbc;
	font-weight: 500;
}
.eru-msg-list__time {
	flex-shrink: 0;
	font-size: 11px;
	line-height: 1.25;
	text-align: right;
	color: var(--msg-muted, #8092a5);
	font-variant-numeric: tabular-nums;
}
.eru-msg-list__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	line-height: 1.3;
	color: var(--msg-muted, #8092a5);
}
.eru-msg-list__status {
	font-weight: 500;
}
.eru-msg-list__item.is-new .eru-msg-list__status {
	color: #a8b0c0;
}
.eru-msg-list__item.is-pending .eru-msg-list__status {
	color: #f5a524;
}
.eru-msg-list__id {
	opacity: .7;
	font-variant-numeric: tabular-nums;
}

.eru-msg-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6px;
	padding: 56px 24px;
}
.eru-msg-empty__icon {
	width: 48px;
	height: 48px;
	margin-bottom: 6px;
	border-radius: 12px;
	background: var(--msg-field);
	color: #667788;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.eru-msg-empty strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--msg-text);
}
.eru-msg-empty > span:not(.eru-msg-empty__icon) {
	font-size: 13px;
	color: var(--msg-muted);
	line-height: 1.4;
}

/* Icon rotate on hover — soft spring tilt */
@keyframes eru-icon-tilt {
	0% { transform: rotate(0deg) scale(1); }
	28% { transform: rotate(-14deg) scale(1.12); }
	55% { transform: rotate(10deg) scale(1.06); }
	78% { transform: rotate(-5deg) scale(1.02); }
	100% { transform: rotate(0deg) scale(1); }
}

.eru-nav-icon,
.eru-action__icon,
.eru-msg-list__icon,
.eru-side-menu__icon,
.eru-plugins__card-icon,
.eru-plugins-detail__icon,
.eru-home__feature-icon,
.eru-sc__title-icon,
.eru-acc-dropzone__icon,
.eru-servers-empty__icon,
.eru-ci,
.eru-adm-nav__icon,
.svg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform-origin: center;
	will-change: transform;
}

.eru-nav-icon svg,
.eru-action__icon svg,
.eru-msg-list__icon svg,
.eru-plugins__card-icon svg,
.eru-plugins-detail__icon svg,
.eru-home__feature-icon svg,
.eru-sc__title-icon svg,
.eru-acc-dropzone__icon svg,
.eru-servers-empty__icon svg,
.eru-ci svg,
.svg-icon svg,
.eru-side-menu__icon i,
.eru-act > i,
.eru-tw-icon-host > i {
	transform-origin: center;
	display: block;
}

.eru-tw-icon-host.is-animating .eru-nav-icon,
.eru-tw-icon-host.is-animating .eru-action__icon,
.eru-tw-icon-host.is-animating .eru-msg-list__icon,
.eru-tw-icon-host.is-animating .eru-side-menu__icon,
.eru-tw-icon-host.is-animating .eru-plugins__card-icon,
.eru-tw-icon-host.is-animating .eru-plugins-detail__icon,
.eru-tw-icon-host.is-animating .eru-home__feature-icon,
.eru-tw-icon-host.is-animating .eru-sc__title-icon,
.eru-tw-icon-host.is-animating .eru-acc-dropzone__icon,
.eru-tw-icon-host.is-animating .eru-servers-empty__icon,
.eru-tw-icon-host.is-animating .eru-ci,
.eru-tw-icon-host.is-animating .eru-adm-nav__icon,
.eru-tw-icon-host.is-animating .svg-icon,
.eru-tw-icon-host.is-animating > i {
	animation: eru-icon-tilt .55s cubic-bezier(.34, 1.45, .64, 1) both;
}

@media (prefers-reduced-motion: reduce) {
	.eru-tw-icon-host.is-animating .eru-nav-icon,
	.eru-tw-icon-host.is-animating .eru-action__icon,
	.eru-tw-icon-host.is-animating .eru-msg-list__icon,
	.eru-tw-icon-host.is-animating .eru-side-menu__icon,
	.eru-tw-icon-host.is-animating .eru-plugins__card-icon,
	.eru-tw-icon-host.is-animating .eru-plugins-detail__icon,
	.eru-tw-icon-host.is-animating .eru-home__feature-icon,
	.eru-tw-icon-host.is-animating .eru-sc__title-icon,
	.eru-tw-icon-host.is-animating .eru-acc-dropzone__icon,
	.eru-tw-icon-host.is-animating .eru-servers-empty__icon,
	.eru-tw-icon-host.is-animating .eru-ci,
	.eru-tw-icon-host.is-animating .eru-adm-nav__icon,
	.eru-tw-icon-host.is-animating .svg-icon,
	.eru-tw-icon-host.is-animating > i {
		animation: none !important;
	}
}

/* SPA header notifications dropdown */
.eru-msg-wrap {
	position: relative;
}
.eru-msg-panel--dropdown {
	--msg-bg: #2a303c;
	--msg-panel: #2a303c;
	--msg-field: rgba(255, 255, 255, 0.08);
	--msg-text: #f4f4f5;
	--msg-muted: #9ca3af;
	--msg-line: rgba(255, 255, 255, 0.1);
	--msg-accent: #7177f8;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 1200;
	width: min(360px, calc(100vw - 24px));
	max-height: min(70vh, 520px);
	display: flex;
	flex-direction: column;
	background: #2a303c;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	color: #f4f4f5;
}
.eru-msg-panel--dropdown .eru-msg-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
	background: #2a303c;
}
.eru-msg-panel--dropdown .eru-msg-panel__title {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #f4f4f5;
}
.eru-msg-panel--dropdown .eru-msg-panel__close {
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #9ca3af;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.eru-msg-panel--dropdown .eru-msg-panel__close:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #f4f4f5;
}
.eru-msg-panel--dropdown .eru-msg-panel__body {
	overflow: auto;
	padding: 4px 8px 10px;
	min-height: 120px;
	background: #2a303c;
	scrollbar-width: thin;
	scrollbar-color: rgba(127, 145, 164, .32) transparent;
}
.eru-msg-panel--dropdown .eru-msg-panel__body::-webkit-scrollbar {
	width: 4px;
}
.eru-msg-panel--dropdown .eru-msg-panel__body::-webkit-scrollbar-track {
	background: transparent;
}
.eru-msg-panel--dropdown .eru-msg-panel__body::-webkit-scrollbar-thumb {
	background: rgba(127, 145, 164, .32);
	border-radius: 999px;
}
.eru-msg-panel--dropdown .eru-msg-panel__body::-webkit-scrollbar-thumb:hover {
	background: rgba(127, 145, 164, .5);
}
.eru-msg-panel--dropdown .eru-msg-list {
	gap: 0;
}
.eru-msg-panel--dropdown .eru-msg-list__item + .eru-msg-list__item::before {
	content: '';
	display: block;
	height: 1px;
	margin: 2px 8px;
	border: 0;
	background: linear-gradient(
		to right,
		transparent,
		rgba(255, 255, 255, 0.14),
		transparent
	);
	opacity: 0.85;
}
.eru-msg-panel--dropdown .eru-msg-list__link {
	color: #f4f4f5 !important;
	text-decoration: none !important;
}
.eru-msg-panel--dropdown .eru-msg-list__link:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #f4f4f5 !important;
}
.eru-msg-panel--dropdown .eru-msg-list__name {
	color: #f4f4f5 !important;
}
.eru-msg-panel--dropdown .eru-msg-list__time,
.eru-msg-panel--dropdown .eru-msg-list__meta,
.eru-msg-panel--dropdown .eru-msg-list__status,
.eru-msg-panel--dropdown .eru-msg-list__id {
	color: #9ca3af !important;
}
.eru-msg-panel--dropdown .eru-msg-list__item.is-new .eru-msg-list__link {
	background: rgba(113, 119, 248, .1);
}
.eru-msg-panel--dropdown .eru-msg-list__item.is-new .eru-msg-list__name {
	color: #f4f4f5 !important;
}
.eru-msg-panel--dropdown .eru-msg-list__item.is-new .eru-msg-list__status {
	color: #a8b0c0 !important;
}
.eru-msg-panel--dropdown .eru-msg-list__item.is-new .eru-msg-list__icon {
	background: rgba(113, 119, 248, .22);
	color: #c4c8ff;
}
.eru-msg-panel--dropdown .eru-msg-list__icon {
	background: rgba(255, 255, 255, 0.08);
	color: #9ca3af;
}
.eru-msg-panel--dropdown .eru-msg-list__status {
	white-space: pre-wrap;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 400;
}
.eru-msg-panel--dropdown .eru-msg-empty {
	color: #9ca3af;
}
.eru-msg-panel--dropdown .eru-msg-empty strong {
	color: #f4f4f5;
}

/* Copied from Timeweb Cloud /my/servers (dark) */
:root {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-card-hover: #2a3645;
	--tw-text: #ffffff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, .18);
	--tw-btn-primary: #7177f8;
	--tw-btn-primary-hover: #525aff;
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-row-h: 92px;
	--tw-gap: 12px;
}

.eru-servers {
	max-width: 1100px;
}

.eru-servers-toolbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.eru-servers-toolbar__title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--tw-text);
	line-height: 1.2;
}

.eru-servers-toolbar__sub {
	display: none;
}

.eru-servers-toolbar__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.eru-layout-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 44px;
	min-width: 78px;
	padding: 0 14px;
	border: 0;
	border-radius: 12px;
	background: var(--tw-card, #242f3d);
	color: var(--tw-muted, #7f91a4);
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.eru-layout-btn:hover {
	background: var(--tw-card-hover, #2a3645);
}
.eru-layout-btn:disabled {
	opacity: 0.65;
	cursor: default;
}
.eru-layout-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: rgba(255, 255, 255, 0.35);
	transition: color .15s ease;
}
.eru-layout-btn__icon.is-on {
	color: var(--tw-text, #fff);
}
.eru-layout-btn__icon svg {
	display: block;
	width: 18px;
	height: 18px;
}

.eru-btn-add {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 44px;
	padding: 10px 20px;
	border-radius: 12px;
	background: var(--tw-btn-primary, var(--tw-purple));
	color: #fff !important;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none !important;
	border: 0;
	line-height: 1;
	transition: background .15s ease;
}
.eru-btn-add:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff !important;
}
.eru-btn-add__plus {
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}

.eru-ci {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1em;
	height: 1.1em;
	line-height: 0;
	flex-shrink: 0;
	overflow: hidden;
}
.eru-ci svg {
	width: 100% !important;
	height: 100% !important;
	display: block;
	fill: currentColor;
}

/* List container — Timeweb table gap 12px */
.eru-servers-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	gap: var(--tw-gap);
}

.eru-server-col {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 !important;
}

/* Row card — Timeweb serverRow: 92px, #242f3d, radius 12, grid gap 32 */
.eru-server-card {
	display: grid;
	grid-template-columns: minmax(180px, 1.1fr) minmax(140px, 1fr) auto;
	align-items: center;
	column-gap: 32px;
	min-height: var(--tw-row-h);
	height: var(--tw-row-h);
	padding: 0 12px 0 20px;
	border-radius: 14px;
	background: var(--tw-card);
	border: 0;
	box-sizing: border-box;
	transition: background-color .15s ease;
}
.eru-server-card:hover {
	background: var(--tw-card-hover);
	transform: none;
}

.eru-server-card__main {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.eru-server-card__avatar {
	position: relative;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #1b2530;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}
.eru-server-card__avatar-letter {
	font-size: 18px;
	font-weight: 600;
	color: #c5cee0;
}
.eru-server-card__status-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--tw-amber);
	border: 2px solid var(--tw-card);
	box-sizing: border-box;
}
.eru-server-card.is-online .eru-server-card__status-dot { background: var(--tw-green); }
.eru-server-card.is-offline .eru-server-card__status-dot { background: var(--tw-red); }
.eru-server-card.is-locked .eru-server-card__status-dot { background: var(--tw-amber); }
.eru-server-card.is-busy .eru-server-card__status-dot,
.eru-server-card.is-install .eru-server-card__status-dot { background: var(--tw-purple); }

.eru-server-card__identity {
	min-width: 0;
}
.eru-server-card__name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--tw-text) !important;
	text-decoration: none !important;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.eru-server-card__name:hover { color: #c8cdff !important; }
.eru-server-card__specs {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	color: var(--tw-muted);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eru-server-card__shared {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 500;
	background: var(--tw-purple-soft);
	color: #a8adff;
}

.eru-server-card__region {
	min-width: 0;
}
.eru-server-card__ip-row {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	min-width: 0;
}
.eru-server-card__ip-text-btn {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--tw-text);
	font-size: 14px;
	font-weight: 400;
	font-family: inherit;
	cursor: pointer;
	line-height: 1.3;
	max-width: 100%;
	min-width: 0;
}
.eru-server-card__ip-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--tw-text);
	font-size: 14px;
	font-weight: 400;
	font-family: inherit;
	cursor: pointer;
	line-height: 1.3;
}
.eru-server-card__ip-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eru-server-card__ip-text-btn:hover,
.eru-server-card__ip-btn:hover { color: #c8cdff; }
.eru-server-card__ip-copy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--tw-muted);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.eru-server-card__ip-copy-btn:hover {
	background: var(--tw-hover-fill);
	color: var(--tw-text, #fff);
}
.eru-server-card__ip-copy-btn .eru-ci,
.eru-server-card__ip-btn .eru-ci {
	width: 14px;
	height: 14px;
	color: inherit;
}
.eru-server-card__loc {
	margin-top: 4px;
	font-size: 13px;
	color: var(--tw-muted);
}

.eru-server-card__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	opacity: 0;
	transition: opacity .12s ease;
	padding-right: 8px;
}
.eru-server-card:hover .eru-server-card__actions { opacity: 1; }

/* List card actions — Timeweb Cloud style */
.eru-server-card__actions .eru-act {
	border: 0 !important;
	background: transparent !important;
	color: #7f91a4 !important;
}
.eru-server-card__actions .eru-act:hover {
	background: var(--tw-hover-fill) !important;
	color: var(--tw-text, #fff) !important;
}
.eru-server-card__actions .eru-act--stop,
.eru-server-card__actions .eru-act--danger {
	background: transparent !important;
	color: #7f91a4 !important;
}
.eru-server-card__actions .eru-act--stop:hover,
.eru-server-card__actions .eru-act--danger:hover {
	background: rgba(240, 67, 86, 0.12) !important;
	color: #f04356 !important;
}
.eru-server-card__actions .eru-act--ghost {
	background: transparent !important;
	color: #7f91a4 !important;
}
.eru-server-card__actions .eru-act--ghost:hover {
	background: var(--tw-hover-fill) !important;
	color: #5eb0ff !important;
}
.eru-server-card__actions .eru-act--primary {
	background: transparent !important;
	color: #7f91a4 !important;
}
.eru-server-card__actions .eru-act--primary:hover {
	background: rgba(113, 119, 248, 0.14) !important;
	color: #a8adff !important;
}

.eru-act {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: transparent;
	color: #9aa8b8 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	transition: background .15s ease, color .15s ease, opacity .15s ease, border-color .15s ease;
}
.eru-act .eru-ci { width: 18px; height: 18px; }
.eru-act i { font-size: 14px; line-height: 1; }
.eru-act:hover {
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--tw-text, #fff) !important;
}
.eru-act--stop,
.eru-act--danger {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-act--stop:hover,
.eru-act--danger:hover {
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--tw-text, #fff) !important;
}
.eru-act--ghost {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-act--ghost:hover {
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--tw-text, #fff) !important;
}
.eru-act--primary {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-act--primary:hover {
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}
.eru-act.is-disabled {
	opacity: .35;
	pointer-events: none;
}

.eru-server-card__status-line { display: none; }

/* List */
#eru_servers_list.eru-view-list {
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 12px;
}
#eru_servers_list.eru-view-list .eru-server-col {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}

/* Grid */
#eru_servers_list.eru-view-grid {
	gap: 12px;
}
#eru_servers_list.eru-view-grid .eru-server-col {
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
}
@media (max-width: 991.98px) {
	#eru_servers_list.eru-view-grid .eru-server-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
#eru_servers_list.eru-view-grid .eru-server-card {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	grid-template-areas:
		"main main"
		"region actions";
	height: auto;
	min-height: 0;
	padding: 18px 18px 16px;
	row-gap: 14px;
	column-gap: 12px;
}
#eru_servers_list.eru-view-grid .eru-server-card__main {
	grid-area: main;
}
#eru_servers_list.eru-view-grid .eru-server-card__region {
	grid-area: region;
	align-self: end;
	min-width: 0;
}
#eru_servers_list.eru-view-grid .eru-server-card__actions {
	grid-area: actions;
	opacity: 1;
	justify-content: flex-end;
	align-self: end;
	padding-right: 0;
}
#eru_servers_list.eru-view-grid .eru-server-card__status-line {
	display: block;
	margin-top: 4px;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--tw-muted, #7f91a4);
	background: transparent;
}
#eru_servers_list.eru-view-grid .eru-server-card.is-online .eru-server-card__status-line { color: var(--tw-green, #2ecc71); }
#eru_servers_list.eru-view-grid .eru-server-card.is-offline .eru-server-card__status-line { color: var(--tw-red, #f04356); }
#eru_servers_list.eru-view-grid .eru-server-card.is-locked .eru-server-card__status-line { color: var(--tw-amber, #f5a524); }
#eru_servers_list.eru-view-grid .eru-server-card.is-busy .eru-server-card__status-line,
#eru_servers_list.eru-view-grid .eru-server-card.is-install .eru-server-card__status-line { color: var(--tw-purple, #7177f8); }
#eru_servers_list.eru-view-grid .eru-server-card__ip-btn {
	font-size: 14px;
	font-weight: 500;
}
#eru_servers_list.eru-view-grid .eru-server-card__loc {
	margin-top: 3px;
	font-size: 12px;
}
#eru_servers_list.eru-view-grid .eru-server-card__actions .eru-act {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--tw-hover-fill) !important;
}

.eru-servers-empty {
	border-radius: 12px;
	background: var(--tw-card);
	padding: 40px 20px;
	text-align: center;
	color: var(--tw-muted);
	width: 100%;
}
.eru-servers-empty__icon {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}
.eru-servers-empty__icon .eru-ci { width: 32px; height: 32px; }
.eru-servers-empty__text {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 500;
	color: var(--tw-muted);
}
.eru-servers-empty__actions {
	margin-top: 16px;
	display: flex;
	justify-content: center;
}

@media (max-width: 767.98px) {
	.eru-servers-toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.eru-servers-toolbar__actions {
		width: 100%;
		justify-content: flex-end;
	}
	.eru-layout-btn {
		display: none !important;
	}
	.eru-btn-add {
		margin-left: auto;
	}
	.eru-server-card {
		grid-template-columns: 1fr;
		height: auto;
		min-height: 0;
		padding: 14px 16px;
		row-gap: 10px;
	}
	.eru-server-card__actions {
		opacity: 1;
		justify-content: flex-start;
		padding-right: 0;
	}
}

/* Server section tabs — same size as control (max 1100×50) everywhere */
.eru-server-nav {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 0;
	box-sizing: border-box;
}
/* Inside control shell the parent already caps width — fill it */
.eru-control > .eru-server-nav {
	max-width: none;
	margin: 0;
}
html[data-theme="dark"] ul.eru-tabs,
ul.eru-tabs {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 4px;
	width: 100%;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	box-sizing: border-box !important;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	margin: 0 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
	list-style-type: none !important;
}
html[data-theme="dark"] ul.eru-tabs::-webkit-scrollbar,
ul.eru-tabs::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}
html[data-theme="dark"] ul.eru-tabs > li.eru-tabs__item,
ul.eru-tabs > li.eru-tabs__item {
	display: flex !important;
	align-items: stretch !important;
	flex-shrink: 0 !important;
	height: 50px !important;
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
html[data-theme="dark"] ul.eru-tabs > li.eru-tabs__item::before,
html[data-theme="dark"] ul.eru-tabs > li.eru-tabs__item::marker,
ul.eru-tabs > li.eru-tabs__item::before,
ul.eru-tabs > li.eru-tabs__item::marker {
	content: none !important;
	display: none !important;
}
html[data-theme="dark"] a.eru-tabs__link,
a.eru-tabs__link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px;
	height: 50px !important;
	padding: 0 12px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	color: var(--tw-muted, #7f91a4) !important;
	text-decoration: none !important;
	border-bottom: 2px solid transparent !important;
	margin-bottom: -1px;
	white-space: nowrap;
	background: transparent !important;
	box-sizing: border-box !important;
}
html[data-theme="dark"] a.eru-tabs__link i,
a.eru-tabs__link i {
	font-size: 13px !important;
	opacity: .85;
	color: inherit !important;
}
a.eru-tabs__link > i.fa,
.eru-server-chrome__quick .eru-act > i.fa {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
html[data-theme="dark"] a.eru-tabs__link:hover,
a.eru-tabs__link:hover {
	color: var(--tw-text) !important;
}
html[data-theme="dark"] a.eru-tabs__link.is-active,
a.eru-tabs__link.is-active {
	color: var(--tw-text) !important;
	border-bottom-color: var(--tw-text) !important;
}

/* Fixed site header (SPA) */
html[data-theme="dark"] #kt_header.header-fixed,
#kt_header.header-fixed,
html[data-theme="dark"] #kt_header,
#kt_header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1050;
	width: 100%;
}
html[data-theme="dark"] #kt_header_mobile.header-mobile-fixed,
#kt_header_mobile.header-mobile-fixed,
#kt_header_mobile {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1051;
}
body.header-fixed .content,
body.header-static .content {
	padding-top: 0;
}

/* Server chrome: identity (avatar + game + status) + tabs */
.eru-server-chrome {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 16px;
	padding-top: 4px;
}
.eru-control > .eru-server-chrome {
	max-width: none;
	margin: 0 0 16px;
}

.eru-server-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0 2px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4) !important;
	text-decoration: none !important;
}
.eru-server-back:hover {
	color: var(--tw-text, #fff) !important;
}

.eru-server-identity {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	margin-bottom: 0;
	padding: 0;
	flex: 1;
}
.eru-server-chrome__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	padding: 0 2px;
}
.eru-server-chrome__quick {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.eru-server-chrome__quick .eru-control__quick {
	display: flex;
	align-items: center;
	gap: 6px;
}
.eru-server-chrome__quick .eru-act {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: transparent;
	color: #9aa8b8 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}
.eru-server-chrome__quick .eru-act:hover {
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--tw-text, #fff) !important;
}
.eru-server-chrome__quick .eru-act--stop,
.eru-server-chrome__quick .eru-act--danger {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-server-chrome__quick .eru-act--ghost {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-server-chrome__quick .eru-act--ghost:hover {
	color: var(--tw-text, #fff) !important;
	background: var(--tw-hover-fill);
	border-color: rgba(255, 255, 255, 0.2);
}
.eru-server-identity__avatar {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #1b2530;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	font-weight: 600;
	color: #c5cee0;
	line-height: 1;
}
.eru-server-identity__dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid var(--tw-page, #17212b);
	background: var(--tw-amber, #f5a524);
	box-sizing: border-box;
}
.eru-server-chrome.is-online .eru-server-identity__dot { background: var(--tw-green, #2ecc71); }
.eru-server-chrome.is-offline .eru-server-identity__dot { background: var(--tw-red, #f04356); }
.eru-server-chrome.is-locked .eru-server-identity__dot { background: var(--tw-amber, #f5a524); }
.eru-server-chrome.is-busy .eru-server-identity__dot,
.eru-server-chrome.is-install .eru-server-identity__dot { background: var(--tw-purple, #7177f8); }

.eru-server-identity__text {
	min-width: 0;
}
.eru-server-identity__game {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--tw-text, #fff);
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eru-server-identity__status {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--tw-muted, #7f91a4);
}
.eru-server-chrome.is-online .eru-server-identity__status { color: var(--tw-green, #2ecc71); }
.eru-server-chrome.is-offline .eru-server-identity__status { color: var(--tw-red, #f04356); }
.eru-server-chrome.is-locked .eru-server-identity__status { color: var(--tw-amber, #f5a524); }
.eru-server-chrome.is-busy .eru-server-identity__status,
.eru-server-chrome.is-install .eru-server-identity__status { color: var(--tw-purple, #7177f8); }

.eru-server-pane {
	display: contents;
}
.eru-server-pane.is-loading,
.eru-spa-loading .eru-server-pane.is-loading {
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 12px auto 0;
	min-height: 160px;
}
.eru-spa-loading {
	width: 100%;
}
.eru-spa-loading #eru-server-chrome {
	position: relative;
	top: auto;
}

/* Text-only skeletons inside full layouts */
.eru-skel {
	padding: 8px 2px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.eru-skel__line,
.eru-skel-line,
.eru-skel-text {
	display: inline-block;
	height: 10px;
	border-radius: 6px;
	vertical-align: middle;
	background: #3d4f61;
	background-image: linear-gradient(
		90deg,
		#3d4f61 0%,
		#5a6f84 40%,
		#3d4f61 80%
	);
	background-size: 220% 100%;
	animation: eru-skel-shine 1.25s ease-in-out infinite;
}
.eru-skel-line--block { display: block; }
.eru-skel__line { width: 100%; max-width: 520px; }
.eru-skel__line--lg,
.eru-skel-text--lg { height: 12px; width: 180px; max-width: 70%; }
.eru-skel__line--md,
.eru-skel-text--md { width: 120px; max-width: 55%; height: 10px; }
.eru-skel__line--sm,
.eru-skel-text--sm { width: 64px; max-width: 40%; height: 9px; }
.eru-skel-text--xs { width: 40px; height: 9px; }
.eru-skel-text--xl { height: 14px; width: 200px; max-width: 85%; }
.eru-skel-text--fill { width: 100%; height: 10px; flex: 1; }
.eru-skel-line--flex { flex: 1; min-width: 0; }
.eru-skel-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background: var(--tw-hover-fill);
	flex-shrink: 0;
}
.eru-skel-dot {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	flex-shrink: 0;
	background: #3d4f61;
	background-image: linear-gradient(90deg, #3d4f61 0%, #5a6f84 40%, #3d4f61 80%);
	background-size: 220% 100%;
	animation: eru-skel-shine 1.25s ease-in-out infinite;
}
.eru-action__icon.eru-skel-dot {
	width: 20px;
	height: 20px;
	border-radius: 5px;
}
@keyframes eru-skel-shine {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
	.eru-skel__line,
	.eru-skel-line,
	.eru-skel-text,
	.eru-skel-dot,
	.eru-skel-avatar,
	.eru-skel-switch {
		animation: none !important;
	}
}

.eru-skel-switch {
	display: inline-block;
	width: 48px;
	height: 28px;
	border-radius: 999px;
	flex-shrink: 0;
	align-self: center;
	background: #3d4f61;
	background-image: linear-gradient(90deg, #3d4f61 0%, #5a6f84 40%, #3d4f61 80%);
	background-size: 220% 100%;
	animation: eru-skel-shine 1.25s ease-in-out infinite;
}
.eru-skel-avatar {
	display: inline-flex !important;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #1b2530 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
.eru-skel-act {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	flex-shrink: 0;
	background: #455668 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
.eru-skel-act--accent {
	background: rgba(113, 119, 248, 0.35) !important;
}
.eru-server-card--skel {
	pointer-events: none;
}
.eru-server-card--skel .eru-server-card__actions {
	opacity: 1 !important;
	visibility: visible !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}
.eru-server-card--skel .eru-server-card__identity,
.eru-server-card--skel .eru-server-card__region {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.eru-action--skel {
	pointer-events: none;
	cursor: default;
}
.eru-spa-skel .eru-side-menu__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	min-height: 44px;
}
.eru-spa-skel .eru-console__composer {
	pointer-events: none;
}
.eru-spa-skel .eru-adm__kpi {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	padding: 16px 18px;
}
.eru-console__screen--skel {
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: flex-start;
	padding: 14px 16px;
}
.eru-spa-skel__card {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	padding: 16px 18px;
	margin-bottom: 12px;
}

/* List layout works with or without #eru_servers_list */
.eru-servers-list.eru-view-list {
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 12px;
}
.eru-servers-list.eru-view-list .eru-server-col {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}


.eru-server-pane.is-loading {
	display: block;
	width: 100%;
	margin-top: 0;
	min-height: 200px;
}

/* White rounded tooltips (Bootstrap) */
.tooltip .tooltip-inner {
	background: #ffffff !important;
	color: #1a1f2e !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	padding: 8px 16px !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
	max-width: 1100px;
}
.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #ffffff !important;
}
.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #ffffff !important;
}
.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #ffffff !important;
}
.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #ffffff !important;
}

/* SPA white tips ([data-eru-tip] via TipHost) — same look as Bootstrap above */
.eru-tip {
	position: fixed;
	z-index: 1080;
	pointer-events: none;
	filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.28));
	opacity: 0;
	transition:
		opacity 0.18s ease,
		transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.eru-tip:not(.eru-tip--bottom) {
	padding-bottom: 6px;
	transform: translate(-50%, calc(-100% + 4px));
}
.eru-tip:not(.eru-tip--bottom).is-visible {
	transform: translate(-50%, -100%);
}
.eru-tip--bottom {
	transform: translate(-50%, -4px);
}
.eru-tip--bottom.is-visible {
	transform: translate(-50%, 0);
}
.eru-tip.is-visible {
	opacity: 1;
}
.eru-tip:not(.eru-tip--bottom)::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
}
.eru-tip--bottom {
	padding-top: 6px;
}
.eru-tip--bottom::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
}
.eru-tip__inner {
	background: #ffffff;
	color: #1a1f2e;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	padding: 8px 16px;
	border-radius: 14px;
	white-space: nowrap;
	max-width: min(90vw, 320px);
}

@media (prefers-reduced-motion: reduce) {
	.eru-tip {
		transition: none;
	}
}

@media (max-width: 991.98px) {
	.eru-server-chrome {
		top: 54px;
	}
	.eru-server-identity__game {
		font-size: 18px;
	}
	.eru-server-identity__avatar {
		width: 44px;
		height: 44px;
		font-size: 17px;
	}
}

/* Mobile: edge-to-edge server panel (like news/home) */
@media (max-width: 767.98px) {
	.eru-tw-server#kt_content.eru-spa-page,
	.eru-spa-page.eru-tw-server,
	.eru-tw-control#kt_content.eru-spa-page,
	.eru-spa-page.eru-tw-control {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.eru-tw-server#kt_content .container,
	.eru-tw-control#kt_content .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.eru-tw-server .eru-control,
	.eru-tw-control .eru-control {
		max-width: none;
		margin: 0;
		padding: 0 0 24px;
	}

	.eru-tw-server .eru-server-chrome,
	.eru-tw-control .eru-server-chrome,
	.eru-control > .eru-server-chrome {
		max-width: none;
		margin: 0 0 0;
		padding-top: 8px;
	}

	.eru-tw-server .eru-server-back,
	.eru-tw-control .eru-server-back {
		margin: 0 0 12px;
		padding: 0 16px;
	}

	.eru-tw-server .eru-server-chrome__head,
	.eru-tw-control .eru-server-chrome__head {
		flex-direction: column;
		align-items: stretch;
		margin-bottom: 12px;
		padding: 0 16px;
		gap: 12px;
	}

	.eru-tw-server .eru-server-chrome__quick,
	.eru-tw-control .eru-server-chrome__quick {
		width: 100%;
	}

	.eru-tw-server .eru-server-chrome__quick .eru-control__quick,
	.eru-tw-control .eru-server-chrome__quick .eru-control__quick {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px;
	}

	.eru-tw-server .eru-server-identity__game,
	.eru-tw-control .eru-server-identity__game {
		font-size: 18px;
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
		line-height: 1.25;
	}

	.eru-tw-server .eru-server-identity__avatar,
	.eru-tw-control .eru-server-identity__avatar {
		width: 42px;
		height: 42px;
		font-size: 16px;
	}

	.eru-tw-server .eru-server-chrome__quick .eru-act,
	.eru-tw-control .eru-server-chrome__quick .eru-act {
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}

	.eru-tw-server .eru-server-nav,
	.eru-tw-control .eru-server-nav,
	.eru-control > .eru-server-nav {
		max-width: none;
		margin: 0;
		padding: 0;
	}

	.eru-tw-server ul.eru-tabs,
	.eru-tw-control ul.eru-tabs,
	html[data-theme="dark"] .eru-tw-server ul.eru-tabs,
	html[data-theme="dark"] .eru-tw-control ul.eru-tabs {
		margin: 0 0 0 !important;
		padding: 0 8px !important;
		border-bottom-color: rgba(255, 255, 255, 0.06);
	}

	.eru-tw-server a.eru-tabs__link,
	.eru-tw-control a.eru-tabs__link,
	html[data-theme="dark"] .eru-tw-server a.eru-tabs__link,
	html[data-theme="dark"] .eru-tw-control a.eru-tabs__link {
		padding: 0 10px !important;
		font-size: 13px !important;
	}
}


/* Timeweb-style server control page */
:root {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-card-hover: #2a3645;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113,119,248,.16);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-gap: 12px;
}

.eru-control {
	max-width: 1100px;
	margin: 0 auto;
}

.eru-control__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-muted) !important;
	text-decoration: none !important;
}
.eru-control__back:hover { color: var(--tw-text, #fff) !important; }

.eru-control__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.eru-control__identity {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.eru-control__avatar {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #1b2530;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	font-weight: 600;
	color: #c5cee0;
}
.eru-control__avatar-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid var(--tw-page);
	background: var(--tw-amber);
	box-sizing: border-box;
}
.eru-control.is-online .eru-control__avatar-dot { background: var(--tw-green); }
.eru-control.is-offline .eru-control__avatar-dot { background: var(--tw-red); }
.eru-control.is-locked .eru-control__avatar-dot { background: var(--tw-amber); }
.eru-control.is-busy .eru-control__avatar-dot,
.eru-control.is-install .eru-control__avatar-dot { background: var(--tw-purple); }

.eru-control__title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--tw-text);
	line-height: 1.2;
}
.eru-control__status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	font-size: 14px;
	color: var(--tw-muted);
}
.eru-control.is-online .eru-control__status { color: var(--tw-green); }
.eru-control.is-offline .eru-control__status { color: var(--tw-red); }
.eru-control.is-locked .eru-control__status { color: var(--tw-amber); }
.eru-control.is-busy .eru-control__status,
.eru-control.is-install .eru-control__status { color: var(--tw-purple); }

.eru-control__quick {
	display: flex;
	align-items: center;
	gap: 6px;
}
.eru-control__quick .eru-act {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: transparent;
	color: #9aa8b8 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}
.eru-control__quick .eru-act:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
	border-color: var(--tw-line-strong, rgba(255,255,255,0.2));
	color: var(--tw-text, #fff) !important;
}
.eru-control__quick .eru-act--stop,
.eru-control__quick .eru-act--danger {
	background: transparent;
	border-color: var(--tw-line, rgba(255,255,255,0.12));
	color: #9aa8b8 !important;
}
.eru-control__quick .eru-act--ghost {
	background: transparent;
	border-color: var(--tw-line, rgba(255,255,255,0.12));
	color: #9aa8b8 !important;
}
.eru-control__quick .eru-act--ghost:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
	border-color: var(--tw-line-strong, rgba(255,255,255,0.2));
	color: var(--tw-text, #fff) !important;
}
.eru-control__quick .eru-act i { font-size: 15px; }

.eru-control__layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}
@media (max-width: 991.98px) {
	.eru-control__layout { grid-template-columns: 1fr; }
}

.eru-panel {
	background: var(--tw-card);
	border-radius: 12px;
	overflow: hidden;
}

.eru-panel__head {
	padding: 16px 18px 12px;
	border-bottom: 1px solid rgba(255,255,255,.06);
}
.eru-panel__head-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--tw-text, #fff);
}
.eru-panel__head-game {
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--tw-text, #fff);
}

.eru-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
}

.eru-action {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 12px;
	border: 0;
	background: transparent;
	color: var(--tw-text, #fff) !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: background .15s ease, color .15s ease;
}
.eru-action:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,.04));
	color: var(--tw-text, #fff) !important;
}
.eru-action:hover .eru-action__icon { color: var(--tw-text, #fff); }

.eru-action__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--tw-muted);
	transition: color .15s ease;
}
.eru-action__icon svg {
	width: 20px;
	height: 20px;
	display: block;
}
.eru-action__label {
	flex: 1;
	min-width: 0;
	color: inherit;
}

.eru-action--primary {
	background: var(--tw-btn-primary, var(--tw-purple));
	color: #fff !important;
}
.eru-action--primary .eru-action__icon { color: #fff; }
.eru-action--primary:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff !important;
}
.eru-action--danger {
	color: #ff8a96 !important;
}
.eru-action--danger .eru-action__icon { color: #ff8a96; }
.eru-action--danger:hover {
	background: rgba(240, 67, 86, 0.12);
	color: #ffb0b8 !important;
}

/* Server info — Timeweb layout */
.eru-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.eru-info__hero {
	background: var(--tw-card);
	border-radius: 12px;
	padding: 20px 22px;
}
.eru-info__hero-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}
.eru-info__hero-kicker {
	font-size: 13px;
	font-weight: 400;
	color: var(--tw-muted);
	margin-bottom: 6px;
}
.eru-info__hero-title {
	font-size: 22px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	line-height: 1.25;
	word-break: break-word;
}
.eru-info__badge {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
	flex-shrink: 0;
	max-width: min(52%, 280px);
	padding: 0;
	border-radius: 0;
	border: 0;
	background: transparent;
	color: #c8cdff;
	line-height: 1.25;
	text-align: right;
}
.eru-info__badge-kicker {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--tw-muted, #7f91a4);
}
.eru-info__badge-value {
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
	word-break: break-word;
}
.eru-info__badge-sub {
	font-size: 12px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.eru-info__badge--inline {
	align-items: flex-start;
	text-align: left;
	max-width: 100%;
	padding: 0;
}
.eru-info__badge--inline .eru-info__badge-value {
	font-size: 16px;
}
.eru-info__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,.06);
}
.eru-info__meta-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.eru-info__meta-label {
	font-size: 12px;
	color: var(--tw-muted);
}
.eru-info__meta-value {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 500;
	color: var(--tw-text, #fff);
}

.eru-info__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.eru-info__tile--addr {
	grid-column: 1 / -1;
}
@media (max-width: 767.98px) {
	.eru-info__grid { grid-template-columns: 1fr; }
	.eru-info__hero-top { flex-direction: column; }
	.eru-info__badge {
		max-width: 100%;
		align-items: flex-start;
		text-align: left;
		align-self: flex-start;
	}

	/* Control page — flat edge-to-edge like news/home */
	.eru-tw-control .eru-control__layout,
	.eru-control__layout {
		gap: 0;
	}

	.eru-tw-control .eru-panel,
	.eru-tw-control .eru-info__hero,
	.eru-tw-control .eru-info__tile {
		border-radius: 0;
		background: transparent;
	}

	.eru-tw-control .eru-panel {
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-tw-control .eru-panel__head {
		padding: 14px 16px 10px;
		border-bottom-color: var(--tw-line, rgba(255,255,255,0.06));
	}

	.eru-tw-control .eru-actions {
		gap: 0;
		padding: 4px 8px 8px;
	}

	.eru-tw-control .eru-action {
		border-radius: 10px;
		min-height: 46px;
		padding: 12px 12px;
	}

	.eru-tw-control .eru-action--primary {
		border-radius: 10px;
	}

	.eru-tw-control .eru-info {
		gap: 0;
	}

	.eru-tw-control .eru-info__hero {
		padding: 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-tw-control .eru-info__hero-title {
		font-size: 20px;
	}

	.eru-tw-control .eru-info__meta {
		gap: 14px 20px;
		margin-top: 14px;
		padding-top: 14px;
	}

	.eru-tw-control .eru-info__grid {
		gap: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-tw-control .eru-info__tile {
		min-height: 0;
		padding: 14px 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		justify-content: flex-start;
		gap: 8px;
	}

	.eru-tw-control .eru-info__tile:last-child {
		border-bottom: 0;
	}

	.eru-tw-control .eru-info__tile--addr {
		grid-column: 1 / -1;
	}

	.eru-tw-control .eru-info__tile-row {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.eru-tw-control .eru-info__mono,
	.eru-tw-control .eru-info__tile-value {
		font-size: 15px;
		word-break: break-all;
	}

	.eru-tw-control .eru-control__quick {
		flex-wrap: wrap;
		gap: 6px;
	}
}

.eru-info__tile {
	background: var(--tw-card);
	border-radius: 12px;
	padding: 16px 18px;
	min-height: 84px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
}
.eru-info__tile-label {
	font-size: 13px;
	font-weight: 400;
	color: var(--tw-muted);
}
.eru-info__tile-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
}
.eru-info__tile-value {
	font-size: 16px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	word-break: break-word;
}
.eru-info__mono {
	font-size: 20px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	font-variant-numeric: tabular-nums;
	letter-spacing: .01em;
	word-break: break-all;
}
.eru-info__tile-row .eru-server-card__ip-row,
.eru-info__tile-row .eru-server-card__ip-btn {
	flex: 1;
	min-width: 0;
}
.eru-info__tile-row .eru-server-card__ip-text {
	font-size: 16px;
	font-weight: 500;
}
.eru-info__tile-actions {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
}
.eru-info__btn {
	width: 32px;
	height: 32px;
	border: 0;
	padding: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--tw-muted) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none !important;
	flex-shrink: 0;
}
.eru-info__btn .eru-action__icon {
	width: 18px;
	height: 18px;
	color: inherit;
}
.eru-info__btn .eru-action__icon svg {
	width: 18px;
	height: 18px;
}
.eru-info__btn:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,.06));
	color: var(--tw-text, #fff) !important;
}
.eru-info__link,
a.eru-info__link,
button.eru-info__link {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
	color: #a8adff !important;
	text-decoration: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
	line-height: inherit;
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline !important;
	vertical-align: baseline;
}
.eru-info__link:hover,
a.eru-info__link:hover,
button.eru-info__link:hover { color: #c8cdff !important; }
.eru-info__link:focus,
.eru-info__link:active,
a.eru-info__link:focus,
a.eru-info__link:active,
button.eru-info__link:focus,
button.eru-info__link:active {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
}

/* Override Metronic card leftovers inside control */
.eru-control .card.card-custom {
	background: var(--tw-card) !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 12px !important;
	margin-bottom: 12px !important;
}
.eru-control .card-header {
	min-height: 0 !important;
	padding: 16px 18px !important;
	border: 0 !important;
	background: transparent !important;
}
.eru-control .card-title {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--tw-muted) !important;
}
.eru-control .card-title small,
.eru-control .card-title .text-muted {
	display: inline !important;
	margin-left: 8px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: var(--tw-text, #fff) !important;
}

/* FTP / MySQL credential pages */
.eru-side-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 12px;
	align-items: stretch;
	max-width: none;
	margin: 0;
}
.eru-side-menu {
	background: #242f3d;
	border-radius: 14px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.eru-side-menu__head {
	padding: 16px 18px 14px;
	font-size: 15px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-side-menu__nav {
	display: flex;
	flex-direction: column;
	padding: 8px;
	gap: 2px;
	flex: 1;
}
.eru-side-menu__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-radius: 10px;
	color: var(--tw-text, #fff) !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	transition: background .15s ease;
}
.eru-side-menu__item:hover,
.eru-side-menu__item.is-active {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
}
.eru-side-menu__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #9aa8b6;
	flex-shrink: 0;
}
.eru-side-menu__icon i {
	font-size: 14px;
	line-height: 1;
}
.eru-side-menu__item:hover .eru-side-menu__icon {
	color: var(--tw-text, #fff);
}
.eru-side-menu__label {
	min-width: 0;
}
.eru-side-layout__main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.eru-cred .eru-cred__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
	max-width: none;
}
.eru-cred .eru-cred__title {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-cred .eru-cred__status {
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4;
}
.eru-cred .eru-cred__body {
	max-width: none;
	margin: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.eru-cred .eru-cred__stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
	min-height: 0;
}
.eru-cred .eru-cred__group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.eru-cred .eru-cred__group-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	padding: 0 2px;
}
.eru-cred .eru-cred__group-title {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--tw-text, #fff);
}
.eru-cred .eru-cred__group-meta {
	font-size: 12px;
	font-weight: 500;
	color: #7f91a4;
}
.eru-cred .eru-cred__card {
	background: #242f3d;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.04);
}
.eru-cred .eru-cred__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	min-height: 52px;
}
.eru-cred .eru-cred__row:last-child {
	border-bottom: 0;
}
.eru-cred .eru-cred__row--secret {
	align-items: center;
}
.eru-cred .eru-cred__label {
	flex: 0 1 auto;
	font-size: 14px;
	font-weight: 500;
	color: #7f91a4;
}
.eru-cred .eru-cred__value-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 0;
	flex-wrap: wrap;
}
.eru-cred .eru-cred__value {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	text-align: right;
	word-break: break-all;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}
.eru-cred .eru-cred__secret {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	max-width: min(100%, 280px);
	padding: 6px 8px 6px 12px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-cred .eru-cred__secret-text {
	position: relative;
	display: inline-block;
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	letter-spacing: 0.02em;
	min-width: 8ch;
	max-width: 100%;
	line-height: 1.35;
	vertical-align: middle;
}
.eru-cred .eru-cred__secret-sizer {
	visibility: hidden;
	display: block;
	white-space: nowrap;
}
.eru-cred .eru-cred__secret-face {
	position: absolute;
	inset: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eru-cred .eru-cred__secret .eru-pass-toggle {
	width: 26px;
	height: 26px;
	color: #8fa0b3;
}
.eru-cred .eru-cred__secret .eru-pass-toggle:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}
.eru-cred .eru-cred__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.04);
	color: #d6deea;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.eru-cred .eru-cred__action i {
	font-size: 12px;
	opacity: 0.85;
}
.eru-cred .eru-cred__action:hover {
	background: rgba(54, 153, 255, 0.16);
	border-color: rgba(54, 153, 255, 0.45);
	color: #fff;
}
.eru-cred .eru-cred__action:active {
	transform: translateY(0.5px);
}
.eru-cred .eru-cred__edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	color: #7f91a4 !important;
	background: var(--tw-hover-fill, rgba(255,255,255,0.04));
	text-decoration: none !important;
	flex-shrink: 0;
}
.eru-cred .eru-cred__edit:hover {
	color: var(--tw-text, #fff) !important;
	background: rgba(113, 119, 248, 0.22);
}
.eru-cred .eru-cred__edit i {
	font-size: 12px;
}

@media (max-width: 575.98px) {
	.eru-cred .eru-cred__row--secret {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	.eru-cred .eru-cred__row--secret .eru-cred__value-wrap {
		justify-content: space-between;
	}
	.eru-cred .eru-cred__secret {
		max-width: none;
		flex: 1;
	}
}

/* Password eye toggle (credentials + inputs) — Timeweb-style outline */
.eru-pass-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #8092a5;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 1;
}
.eru-pass-toggle:hover {
	color: var(--tw-text, #fff);
	background: transparent;
}
.eru-pass-toggle svg {
	display: block;
}
.eru-pass-field {
	position: relative;
	display: block;
}
.eru-pass-field .form-control,
.eru-pass-field input {
	padding-right: 44px;
}
.eru-pass-field .eru-pass-toggle {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
}
.eru-pass-field.is-disabled .eru-pass-toggle {
	opacity: 0.45;
	pointer-events: none;
}
.eru-cred .eru-cred__empty {
	background: #242f3d;
	border-radius: 14px;
	padding: 22px 18px;
	font-size: 14px;
	color: #7f91a4;
	text-align: center;
}

/* Multi-DB MySQL panel */
.eru-mysql {
	max-width: 1100px;
}
.eru-mysql__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #3b82f6;
	font-size: 14px;
	cursor: pointer;
}
.eru-mysql__back:hover {
	color: #60a5fa;
}
.eru-mysql__title {
	margin: 0 0 20px;
	font-size: 28px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	line-height: 1.2;
}
.eru-mysql__list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 20px;
}
.eru-mysql__list-head .eru-mysql__title {
	margin: 0;
}
.eru-mysql__add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #3b82f6;
	font-size: 18px;
	cursor: pointer;
	flex-shrink: 0;
}
.eru-mysql__add:hover:not(:disabled) {
	background: rgba(59, 130, 246, 0.12);
	color: #60a5fa;
}
.eru-mysql__add:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}
.eru-mysql__section-title {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7f91a4;
}
.eru-mysql__stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.eru-mysql__block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.eru-mysql__block .eru-mysql__section-title {
	margin: 0;
}
.eru-mysql__warn {
	margin: 0 2px;
	font-size: 12px;
	line-height: 1.45;
	color: #7f91a4;
}
.eru-mysql__actions-card {
	margin: 0;
}
.eru-mysql .eru-settings__card--list .eru-settings__link {
	width: 100%;
	text-align: left;
	cursor: pointer;
	border: 0;
	font: inherit;
	padding: 16px 20px !important;
}
.eru-mysql-copy-row {
	width: 100%;
	text-align: left;
	cursor: pointer;
	background: transparent;
	border: 0;
	font: inherit;
	color: inherit;
}
.eru-mysql-copy-row:hover .eru-cred__value {
	color: var(--tw-text, #fff);
}
.eru-mysql__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.eru-mysql__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 56px;
	padding: 14px 16px;
	border: 0;
	border-radius: 14px;
	background: #242f3d;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}
.eru-mysql__item:hover {
	background: #2a3645;
}
.eru-mysql__item-name {
	min-width: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text, #fff);
}
.eru-mysql__item-meta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	color: #7f91a4;
}
.eru-mysql__item-size {
	font-size: 13px;
	white-space: nowrap;
}
.eru-mysql__item-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	cursor: help;
}
.eru-mysql__item-info-mark {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #3b82f6;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1;
}
.eru-mysql__item-meta .fa-chevron-right {
	font-size: 12px;
	opacity: 0.75;
}
.eru-mysql__foot-hint {
	margin: 12px 2px 0;
	font-size: 12px;
	line-height: 1.45;
	color: #7f91a4;
}
.eru-mysql__limit-hint {
	margin: 8px 2px 0;
	font-size: 13px;
	color: #7f91a4;
}
.eru-mysql__desc-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 18px;
	border-radius: 14px;
	background: #242f3d;
}
.eru-mysql__desc-mark {
	width: 22px;
	height: 22px;
	margin-top: 1px;
	border-radius: 50%;
	background: #f59e0b;
	color: #101820;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1;
	flex-shrink: 0;
}
.eru-mysql__desc-body {
	min-width: 0;
}
.eru-mysql__desc-title {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-mysql__desc-text {
	font-size: 13px;
	line-height: 1.45;
	color: #7f91a4;
	white-space: pre-wrap;
	word-break: break-word;
}
.eru-mysql__danger {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}
.eru-mysql__danger-btn {
	width: 100%;
	min-height: 48px;
	border: 0;
	border-radius: 12px;
	background: #242f3d;
	color: #3b82f6;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.eru-mysql__danger-btn:hover {
	background: #2a3645;
}
.eru-mysql__danger-btn.is-delete {
	color: #ef4444;
}
.eru-mysql-create {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.eru-mysql-create__step-title {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7f91a4;
}
.eru-mysql-create__rules {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 10px;
}
.eru-mysql-rule {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12px;
	line-height: 1.35;
	color: #7f91a4;
}
.eru-mysql-rule.is-ok {
	color: #22c55e;
}
.eru-mysql-rule.is-bad {
	color: #ef4444;
}
.eru-mysql-rule__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1;
	color: #101820;
}
.eru-mysql-rule.is-ok .eru-mysql-rule__icon {
	background: #22c55e;
}
.eru-mysql-rule.is-bad .eru-mysql-rule__icon {
	background: #ef4444;
}
.eru-mysql-create__type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	pointer-events: none;
}
.eru-mysql-create__type strong {
	font-weight: 600;
	color: var(--tw-text, #fff);
}
.eru-mysql-create__desc {
	min-height: 88px;
	resize: vertical;
}

.eru-ftp-client {
	margin-top: 16px;
	background: #242f3d;
	border-radius: 14px;
	overflow: hidden;
}
.eru-ftp-client__head {
	padding: 14px 18px;
	font-size: 15px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-ftp-client__body {
	padding: 10px;
	min-height: 520px;
}
.eru-ftp-client__body .elfinder {
	border: 0 !important;
	border-radius: 10px;
	width: 100% !important;
}
.eru-ftp-client__body .elfinder-toolbar,
.eru-ftp-client__body .elfinder-navbar,
.eru-ftp-client__body .elfinder-workzone,
.eru-ftp-client__body .elfinder-statusbar {
	border-color: var(--tw-line, rgba(255,255,255,0.06)) !important;
}

@media (max-width: 991.98px) {
	.eru-side-layout {
		grid-template-columns: 1fr;
		max-width: none;
	}
}

/* Side info (firewall / owners / tasks) */
.eru-side-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eru-side-info__hero {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	padding: 28px 18px 22px;
	text-align: center;
}
.eru-side-info__icon {
	width: 72px;
	height: 72px;
	margin: 0 auto 12px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.04);
	color: var(--tw-primary, #3699ff);
}
.eru-side-info__icon i {
	font-size: 2rem;
	line-height: 1;
}
.eru-side-info__title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-side-info__subtitle {
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4);
	min-height: 1.25rem;
}
.eru-side-info__nav {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	padding: 6px 8px;
}
.eru-side-info__link {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 14px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--tw-text, #fff);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	text-align: left;
	transition: background 0.15s ease;
}
.eru-side-info__link:hover {
	background: var(--tw-hover-fill, rgba(255, 255, 255, 0.06));
}
.eru-side-info__link-icon {
	color: #9aa8b6;
	display: inline-flex;
	width: 20px;
	justify-content: center;
}

/* Panel content cards (list / form blocks) */
.eru-panel-card {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	margin-bottom: 12px;
	overflow: hidden;
}
.eru-panel-card__body {
	padding: 16px 18px;
}
.eru-panel-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	min-height: 56px;
}
.eru-panel-card__title {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	color: var(--tw-muted, #7f91a4);
}
.eru-panel-card__title small {
	display: inline;
	margin-left: 8px;
	font-size: 15px;
	font-weight: 500;
	color: var(--tw-text, #fff);
}
.eru-panel-card__label {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text, #fff);
}
.eru-panel-card__toolbar {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}
.eru-panel-card--muted {
	background: rgba(255, 255, 255, 0.04);
}
.eru-panel-card__form-group {
	margin-bottom: 14px;
}
.eru-panel-card__form-group label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: var(--tw-muted, #7f91a4);
}
.eru-shop-card {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.eru-shop-card__head {
	padding: 20px 18px 8px;
	text-align: center;
}
.eru-shop-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-shop-card__body {
	padding: 8px 18px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.eru-shop-card__media {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.eru-shop-card__media img {
	max-width: 100%;
	width: 200px;
}
.eru-shop-card__text {
	margin: 16px 0 12px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: var(--tw-text, #fff);
	line-height: 1.45;
}
.eru-shop-card__actions {
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Legacy FTP sidebar cards */
.eru-cred .col-xl-3 > .card.card-custom,
.eru-cred .col-xl-9 .card.card-custom {
	background: #242f3d !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 12px !important;
	margin-bottom: 12px !important;
}
.eru-cred .col-xl-3 > .card.card-custom.pt-5 .card-body {
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
.eru-cred .col-xl-3 .symbol {
	width: 72px !important;
	height: 72px !important;
}
.eru-cred .col-xl-3 .symbol i {
	font-size: 2rem !important;
	line-height: 1 !important;
}
.eru-cred .col-xl-3 h4 {
	font-size: 1.05rem !important;
	margin-top: 0.75rem !important;
	margin-bottom: 0.35rem !important;
}
.eru-cred .col-xl-3 .text-muted.font-weight-bold {
	min-height: 1.25rem;
	font-size: 13px !important;
}
.eru-cred .col-xl-9 .card-header {
	min-height: 56px !important;
	padding: 16px 18px !important;
	border: 0 !important;
	background: transparent !important;
	display: flex !important;
	align-items: center !important;
}
.eru-cred .col-xl-9 .card-title {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #7f91a4 !important;
}
.eru-cred .col-xl-9 .card-title small,
.eru-cred .col-xl-9 .card-title .text-muted {
	display: inline !important;
	margin-left: 8px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: var(--tw-text, #fff) !important;
}

/* —— Pay / renew modal —— */
.eru-pay-modal--open {
	display: block !important;
	background: rgba(0, 0, 0, 0.55) !important;
}
.eru-pay-modal__dialog {
	max-width: 420px;
	margin: 1.5rem auto;
}
.eru-pay-modal .modal-content {
	background: #242f3d !important;
	border: 0 !important;
	border-radius: 16px !important;
	overflow: hidden;
	box-shadow: none !important;
}
.eru-pay-modal .modal-header {
	padding: 18px 20px 14px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	align-items: center;
}
.eru-pay-modal .modal-title {
	color: var(--tw-text, #fff) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
}
.eru-pay-modal .modal-header .close,
.eru-pay-modal__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 8px;
	color: #7f91a4 !important;
	opacity: 1 !important;
	text-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent;
	transition: background .15s ease, color .15s ease;
}
.eru-pay-modal .modal-header .close:hover,
.eru-pay-modal__close:hover {
	color: var(--tw-text, #fff) !important;
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
}
.eru-pay-modal .modal-body {
	padding: 18px 20px 10px !important;
}
.eru-pay-modal .modal-footer {
	padding: 12px 20px 18px !important;
	border-top: 0 !important;
	justify-content: flex-end;
	gap: 8px;
}
.eru-pay-label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4 !important;
}
.eru-pay-select,
.eru-pay-modal select.form-control {
	width: 100% !important;
	max-width: 100% !important;
	height: 46px !important;
	padding: 10px 40px 10px 14px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background-color: #1b2530 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%239aa8b8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	color: var(--tw-text, #fff) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	outline: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	color-scheme: dark;
	cursor: pointer;
}
.eru-pay-select:hover,
.eru-pay-modal select.form-control:hover {
	border-color: var(--tw-line-strong, rgba(255,255,255,0.16)) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%239aa8b8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
}
.eru-pay-select:focus,
.eru-pay-modal select.form-control:focus {
	border-color: #7177f8 !important;
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.18) !important;
	background-color: #1b2530 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%239aa8b8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	color: var(--tw-text, #fff) !important;
}
.eru-pay-select option,
.eru-pay-modal select.form-control option {
	background-color: #1b2530 !important;
	color: var(--tw-text, #fff) !important;
	padding: 10px;
}
.eru-pay-select,
.eru-pay-modal select.form-control {
	accent-color: #7177f8;
}
.eru-pay-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
	padding: 14px 16px;
	border-radius: 12px;
	background: rgba(113, 119, 248, 0.08);
	border: 0;
}
.eru-pay-total__label {
	font-size: 13px;
	font-weight: 500;
	color: #9aa8b8;
}
.eru-pay-total__value {
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	text-align: right;
}
.eru-pay-btn {
	min-height: 42px;
	padding: 8px 18px !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.eru-pay-btn--ghost {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06)) !important;
	color: var(--tw-text, #fff) !important;
}
.eru-pay-btn--ghost:hover {
	background: var(--tw-hover-fill-strong, rgba(255,255,255,0.1)) !important;
	color: var(--tw-text, #fff) !important;
}
.eru-pay-btn--primary {
	background: var(--tw-btn-primary, #7177f8) !important;
	color: #fff !important;
}
.eru-pay-btn--primary:hover {
	background: var(--tw-btn-primary-hover, #525aff) !important;
	color: #fff !important;
}

/* Settings/Config — same tokens & surfaces as control.css (Timeweb Cloud panel) */
.eru-tw-settings#kt_content,
.eru-tw-settings#kt_content .container,
.eru-tw-settings#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page, #17212b) !important;
	background-color: var(--tw-page, #17212b) !important;
}

.eru-tw-settings .eru-settings {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 8px;
	box-sizing: border-box;
}

.eru-tw-settings .eru-settings--wide {
	max-width: 1100px;
}
.eru-tw-settings .eru-settings__path {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	opacity: 0.75;
}

.eru-tw-settings .eru-settings__title {
	margin: 4px 0 18px !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: var(--tw-text, #fff) !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

.eru-tw-settings .eru-settings__back {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	margin-bottom: 14px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--tw-muted, #7f91a4) !important;
	text-decoration: none !important;
}
.eru-tw-settings .eru-settings__back:hover {
	color: var(--tw-text, #fff) !important;
}

.eru-tw-settings .eru-settings__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 4px;
}

.eru-tw-settings .eru-settings__section-title {
	margin: 22px 0 10px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--tw-muted, #7f91a4) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* Cards = control tiles */
.eru-tw-settings .eru-settings__card {
	background: var(--tw-card, #242f3d) !important;
	border: none !important;
	border-radius: 12px !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
}
/* List cards keep tips visible above rows */
.eru-tw-settings .eru-settings__card--list {
	overflow: visible;
}

/* Toggle stack — one solid block, inset dividers */
.eru-tw-settings .eru-settings__card--stack {
	padding: 4px 0 !important;
	overflow: hidden;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle {
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px;
	margin: 0 !important;
	padding: 18px 22px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	transition: background 0.15s ease;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle:first-child {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle:last-child {
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle:only-child {
	border-radius: 12px !important;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,0.025)) !important;
}
.eru-tw-settings .eru-settings__card--stack .eru-settings__card--toggle:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 0;
	height: 1px;
	background: var(--tw-hover-fill-strong, rgba(255,255,255,0.07));
	pointer-events: none;
}

.eru-tw-settings .eru-settings__card--toggle {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px;
	padding: 18px 22px !important;
}

.eru-tw-settings .eru-settings__copy {
	flex: 1;
	min-width: 0;
	padding-right: 8px;
}

.eru-tw-settings .eru-settings__label {
	margin: 0 0 6px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--tw-text, #fff) !important;
	line-height: 1.3 !important;
}

.eru-tw-settings .eru-settings__desc {
	margin: 0 !important;
	max-width: 520px;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: var(--tw-muted, #7f91a4) !important;
}

/* List rows — configuration-style */
.eru-tw-settings .eru-settings__card--list .eru-settings__link {
	display: flex !important;
	align-items: center !important;
	gap: 8px;
	min-height: 56px;
	margin: 0 !important;
	color: inherit !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: background 0.15s ease;
}
.eru-tw-settings .eru-settings__card--list > a.eru-settings__link {
	padding: 16px 20px !important;
	gap: 12px;
}
.eru-tw-settings .eru-settings__card--list > div.eru-settings__link {
	padding: 0 !important;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link:last-child {
	border-bottom: none !important;
}
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:first-child {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
}
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:last-child {
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:only-child {
	border-radius: 12px !important;
}
/* last link when a hint/empty follows inside the card */
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:nth-last-child(2):has(+ .eru-settings__hint),
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:nth-last-child(2):has(+ p),
.eru-tw-settings .eru-settings__card--list > .eru-settings__link:nth-last-child(2):has(+ .eru-settings__empty) {
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
	border-bottom: none !important;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link:hover {
	background: var(--tw-card-hover, #2a3645) !important;
}
.eru-tw-settings .eru-settings__link-body {
	display: flex !important;
	align-items: center !important;
	flex: 1;
	min-width: 0;
	gap: 12px;
	padding: 16px 8px 16px 20px !important;
	color: inherit !important;
	text-decoration: none !important;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link.is-selected {
	background: var(--tw-purple-soft, rgba(113, 119, 248, 0.16)) !important;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link.is-disabled {
	opacity: 0.45;
	pointer-events: none;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link.is-static {
	cursor: default;
	padding: 16px 20px !important;
}
.eru-tw-settings .eru-settings__card--list .eru-settings__link.is-static:hover {
	background: transparent !important;
}

.eru-tw-settings .eru-settings__link-label {
	flex: 1;
	min-width: 0;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: var(--tw-text, #fff) !important;
}
.eru-tw-settings .eru-settings__link-value {
	flex: 0 0 auto;
	min-width: 6.5em;
	margin-left: auto;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--tw-muted, #7f91a4) !important;
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.eru-tw-settings .eru-settings__card--list > a.eru-settings__link .fa-chevron-right {
	flex-shrink: 0;
	font-size: 12px !important;
	color: var(--tw-muted, #7f91a4) !important;
	opacity: 0.75;
}
.eru-tw-settings .eru-settings__chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 56px;
	flex-shrink: 0;
	color: var(--tw-muted, #7f91a4) !important;
	text-decoration: none !important;
	opacity: 0.75;
}
.eru-tw-settings .eru-settings__chevron .fa-chevron-right {
	font-size: 12px !important;
	color: inherit !important;
}
.eru-tw-settings .eru-settings__info {
	position: relative;
	width: 28px;
	height: 28px;
	margin: 0 2px;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	cursor: help;
	outline: none;
}
.eru-tw-settings .eru-settings__info-mark {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: none;
	background: #3b82f6;
	color: var(--tw-text, #fff) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1;
}
.eru-tw-settings .eru-settings__tip {
	position: absolute;
	right: -2px;
	left: auto;
	bottom: calc(100% + 10px);
	transform: translateY(4px);
	min-width: 0;
	max-width: min(420px, calc(100% + 200px));
	width: max-content;
	padding: 8px 16px;
	border-radius: 14px;
	background: #ffffff;
	color: #1a1f2e !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35;
	text-align: left;
	white-space: normal;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	z-index: 30;
}
.eru-tw-settings .eru-settings__tip::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 12px;
	left: auto;
	transform: none;
	border: 6px solid transparent;
	border-top-color: var(--tw-text, #ffffff);
}
.eru-tw-settings .eru-settings__info:hover .eru-settings__tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.eru-tw-settings .eru-settings__info:not(:hover) .eru-settings__tip {
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
}
.eru-tw-settings .eru-settings__check {
	display: inline-flex;
	width: 18px;
	color: var(--tw-purple, #7177f8) !important;
}

/* Search */
.eru-tw-settings .eru-settings__search {
	position: relative;
	margin-bottom: 14px;
}
.eru-tw-settings .eru-settings__search i {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--tw-muted, #7f91a4);
	pointer-events: none;
	z-index: 1;
}
.eru-tw-settings .eru-settings__search .form-control {
	padding-left: 40px !important;
	height: 44px !important;
	background: var(--tw-card, #242f3d) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 12px !important;
	color: var(--tw-text, #fff) !important;
	font-size: 14px !important;
	box-shadow: none !important;
}
.eru-tw-settings .eru-settings__search .form-control::placeholder {
	color: var(--tw-muted, #7f91a4) !important;
}
.eru-tw-settings .eru-settings__search .form-control:focus {
	border-color: var(--tw-purple, #7177f8) !important;
	box-shadow: 0 0 0 1px rgba(113, 119, 248, 0.35) !important;
}

.eru-tw-settings .eru-settings__hint {
	margin: 10px 2px 0 !important;
	font-size: 12px !important;
	line-height: 1.45;
	color: var(--tw-muted, #7f91a4) !important;
}
.eru-tw-settings .eru-settings__empty {
	padding: 24px 18px;
	text-align: center;
	font-size: 14px;
	color: var(--tw-muted, #7f91a4) !important;
}

.eru-tw-settings .eru-settings__refresh {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: transparent !important;
	color: var(--tw-muted, #7f91a4) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}
.eru-tw-settings .eru-settings__refresh:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06)) !important;
	color: var(--tw-text, #fff) !important;
}

/* Switch — green like Timeweb, sits in control palette */
.eru-tw-settings .eru-switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 28px;
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	align-self: center;
}
.eru-tw-settings .eru-switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
.eru-tw-settings .eru-switch__slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background: #3a4654 !important;
	border-radius: 999px;
	transition: background 0.18s ease;
}
.eru-tw-settings .eru-switch__slider:before {
	content: "";
	position: absolute;
	height: 22px;
	width: 22px;
	left: 3px;
	top: 3px;
	background: #fff !important;
	border-radius: 50%;
	transition: transform 0.18s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.eru-tw-settings .eru-switch input:checked + .eru-switch__slider {
	background: var(--tw-green, #2ecc71) !important;
}
.eru-tw-settings .eru-switch input:checked + .eru-switch__slider:before {
	transform: translateX(20px);
}
.eru-tw-settings .eru-switch input:focus-visible + .eru-switch__slider {
	box-shadow: 0 0 0 2px rgba(113, 119, 248, 0.45);
}

/* Config editor shell — code-editor style */
.eru-tw-settings .eru-config-shell {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
/* Plain textarea fallback (JS not mounted) */
.eru-tw-settings textarea.eru-config-editor:not(.eru-code__input) {
	width: 100%;
	min-height: 420px;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 10px !important;
	background: #1e1f22 !important;
	color: #d7dae0 !important;
	-webkit-text-fill-color: #d7dae0;
	padding: 14px 16px !important;
	font-family: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13.5px;
	line-height: 1.55;
	resize: vertical;
	box-shadow: none !important;
	tab-size: 4;
}

.eru-code {
	--eru-code-bg: #1e1f22;
	--eru-code-gutter: #2b2d30;
	--eru-code-line: #6b737c;
	--eru-code-fg: #d7dae0;
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 460px;
	max-height: min(70vh, 720px);
	border: none;
	border-radius: 12px;
	overflow: hidden;
	background: var(--eru-code-bg);
	box-shadow: none;
}
.eru-code__gutter {
	flex: 0 0 52px;
	padding: 14px 0;
	background: var(--eru-code-gutter);
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	overflow: hidden;
	user-select: none;
	text-align: right;
	font-family: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--eru-code-line);
}
.eru-code__gutter span {
	display: block;
	padding: 0 12px 0 8px;
	height: 1.55em;
}
.eru-code__stage {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	background: var(--eru-code-bg);
}
.eru-code__hl,
.eru-code__input {
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	resize: none !important;
	width: 100%;
	height: 100%;
	min-height: 460px;
	max-height: min(70vh, 720px);
	overflow: auto;
	white-space: pre !important;
	word-wrap: normal;
	overflow-wrap: normal;
	tab-size: 4;
	font-family: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	letter-spacing: 0 !important;
}
.eru-code__hl {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	color: var(--eru-code-fg) !important;
	background: transparent !important;
}
.eru-code__hl span {
	font: inherit !important;
	line-height: inherit !important;
}
.eru-tw-settings .eru-code textarea.eru-config-editor.eru-code__input,
.eru-code textarea.eru-code__input {
	position: relative;
	z-index: 2;
	background: var(--eru-code-bg, #12161c) !important;
	color: var(--eru-code-fg, #d7dae0) !important;
	-webkit-text-fill-color: var(--eru-code-fg, #d7dae0) !important;
	caret-color: var(--tw-text, #fff) !important;
}
.eru-code:has(.eru-code__hl:not(:empty)) textarea.eru-code__input.is-eru-hl {
	background: transparent !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
.eru-code__input::selection {
	background: rgba(113, 119, 248, 0.35);
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.eru-code .tok-comment { color: #7f8c98 !important; font-style: italic; }
.eru-code .tok-string { color: #6bcbf7 !important; }
.eru-code .tok-var { color: #f78c6c !important; }
.eru-code .tok-number { color: #f6c177 !important; }
.eru-code .tok-keyword { color: #c792ea !important; }
.eru-code .tok-key { color: #c3e88d !important; }
.eru-code .tok-prop { color: #82aaff !important; }
.eru-code .tok-ident { color: #d7dae0 !important; }
.eru-code .tok-op { color: #89ddff !important; }

/* Autocomplete popup */
.eru-code__ac {
	position: fixed;
	z-index: 10050;
	min-width: 200px;
	max-width: 360px;
	max-height: 220px;
	overflow: auto;
	margin: 0;
	padding: 4px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	background: #25262b;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
	font-family: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12.5px;
	line-height: 1.35;
	color: #d7dae0;
}
.eru-code__ac[hidden] { display: none !important; }
.eru-code__ac-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 10px;
	border-radius: 7px;
	cursor: pointer;
	user-select: none;
}
.eru-code__ac-item:hover,
.eru-code__ac-item.is-active {
	background: rgba(113, 119, 248, 0.28);
}
.eru-code__ac-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #e8eaed;
}
.eru-code__ac-kind {
	flex-shrink: 0;
	font-size: 10px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #8b949e;
}
.eru-code__ac-item.is-active .eru-code__ac-kind {
	color: #c5cae8;
}
.eru-code__mirror {
	pointer-events: none;
}

.eru-tw-settings .eru-config-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 12px;
}
.eru-tw-settings .eru-config-actions .btn-primary,
.eru-tw-settings .eru-settings__save {
	background: var(--tw-btn-primary, var(--tw-purple, #7177f8)) !important;
	border-color: var(--tw-btn-primary, var(--tw-purple, #7177f8)) !important;
	border-radius: 10px !important;
	font-weight: 500 !important;
}
.eru-tw-settings .eru-config-actions .btn-primary:hover,
.eru-tw-settings .eru-settings__save:hover {
	background: var(--tw-btn-primary-hover, #525aff) !important;
	border-color: var(--tw-btn-primary-hover, #525aff) !important;
}
.eru-tw-settings .eru-config-actions .btn-light-primary {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: var(--tw-muted, #7f91a4) !important;
	border-radius: 10px !important;
}
.eru-tw-settings .eru-settings__save:disabled {
	opacity: 0.4;
}

@media (max-width: 576px) {
	.eru-tw-settings .eru-settings {
		max-width: 100%;
	}
	.eru-code,
	.eru-code__hl,
	.eru-code__input {
		min-height: 360px;
		max-height: 60vh;
	}
	.eru-code__gutter { flex-basis: 40px; }
}

/* Timeweb Cloud — окно консоли */

:root {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-card-hover: #2a3645;
	--tw-surface: #1b2530;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, .16);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-cyan: #56d4dd;
	--tw-line: rgba(255, 255, 255, .06);
	--tw-term: #1b2530;
	--tw-term-fg: #d1d9e6;
}

/* Фон страницы консоли — как у Timeweb Cloud */
.eru-console-page,
.eru-console-page#kt_content,
.eru-console-page .container,
.eru-console-page .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

/* Ширина и отступы как у остальных разделов сервера */
.eru-console-page .container {
	max-width: 1100px !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.eru-console-page .eru-server-nav,
.eru-console-page .eru-console {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.eru-console-page .card.card-custom {
	background: var(--tw-card) !important;
	border: 1px solid var(--tw-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.eru-console-page .card.card-custom .card-body {
	background: transparent !important;
}

.eru-console-page .navi-link {
	color: var(--tw-muted) !important;
	border-radius: 10px;
}

.eru-console-page .navi-link:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,.04)) !important;
	color: var(--tw-text, #fff) !important;
}

.eru-console-page .text-light,
.eru-console-page h4.text-light {
	color: var(--tw-text, #fff) !important;
}

.eru-console {
	background: var(--tw-card, #242f3d);
	border: 1px solid var(--tw-line, rgba(255, 255, 255, 0.06));
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	box-shadow: none;
}

.eru-console__titlebar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 36px;
	padding: 0 12px;
	box-sizing: border-box;
	background: linear-gradient(180deg, #2a3645 0%, #242f3d 100%);
	border-bottom: 1px solid var(--tw-line, rgba(255, 255, 255, 0.06));
	user-select: none;
}

.eru-console__traffic {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}

.eru-console__traffic-btn {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.25);
}

.eru-console__traffic-btn.is-close {
	background: #ff5f57;
}

.eru-console__traffic-btn.is-minimize {
	background: #febc2e;
}

.eru-console__traffic-btn.is-zoom {
	background: #28c840;
}

.eru-console__titlebar-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 1;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.01em;
}

.eru-console__titlebar-name {
	color: var(--tw-text, #fff);
	font-weight: 600;
}

.eru-console__status {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	position: relative;
	z-index: 2;
	min-width: 64px;
	max-width: 140px;
	flex-shrink: 0;
	color: var(--tw-muted, #7f91a4);
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .01em;
	text-transform: lowercase;
	white-space: nowrap;
}

.eru-console__status-dot {
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-radius: 50%;
	background: currentColor;
	opacity: .7;
}

.eru-console__status-label {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}

.eru-console__status.is-online {
	color: var(--tw-green, #2ecc71);
}

.eru-console__status.is-online .eru-console__status-dot {
	background: var(--tw-green, #2ecc71);
	box-shadow: 0 0 0 3px rgba(46, 204, 113, .18);
	animation: eru-console-pulse 1.6s ease-in-out infinite;
	opacity: 1;
}

.eru-console__status.is-pending {
	color: var(--tw-amber, #f5a524);
}

.eru-console__status.is-pending .eru-console__status-dot {
	background: var(--tw-amber, #f5a524);
	animation: eru-console-pulse 1s ease-in-out infinite;
	opacity: 1;
}

.eru-console__status.is-idle {
	color: var(--tw-muted, #7f91a4);
}

/* legacy meta (kept for older markup / embeds) */
.eru-console__meta {
	display: none;
}

.eru-console__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 30px;
	padding: 0 12px;
	border-radius: 8px;
	background: rgba(46, 204, 113, .12);
	color: var(--tw-green);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.eru-console__live-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--tw-green);
	box-shadow: 0 0 0 3px rgba(46, 204, 113, .18);
	animation: eru-console-pulse 1.6s ease-in-out infinite;
}

@keyframes eru-console-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: .45; transform: scale(.85); }
}

.eru-console__screen--loading {
	display: block;
}

.eru-console__cursor {
	display: inline-block;
	width: 8px;
	height: 1.15em;
	margin: 0;
	vertical-align: top;
	background: var(--tw-term-fg, #e8eef7);
	animation: eru-console-cursor-blink 1s step-end infinite;
}

@keyframes eru-console-cursor-blink {
	0%, 49% { opacity: 1; }
	50%, 100% { opacity: 0; }
}

.eru-console__screen {
	width: 100%;
	min-height: 360px;
	height: 54vh;
	max-height: 680px;
	overflow: auto;
	padding: 12px 14px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: var(--tw-term, #1b2530);
	color: var(--tw-term-fg, #d1d9e6);
	font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 12.5px;
	line-height: 1.55;
	white-space: pre;
	word-break: normal;
	overflow-wrap: normal;
	box-sizing: border-box;
	outline: none;
}

.eru-console__screen::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.eru-console__screen::-webkit-scrollbar-thumb {
	background: rgba(127, 145, 164, .35);
	border-radius: 8px;
}
.eru-console__screen::-webkit-scrollbar-track {
	background: transparent;
}

/* Terminal palette (ansi_up use_classes + fallback) — !important beats Metronic span rules */
.eru-console__screen .ansi-black-fg { color: #5c6778 !important; }
.eru-console__screen .ansi-red-fg { color: #ff6b7a !important; }
.eru-console__screen .ansi-green-fg { color: #3dd68c !important; }
.eru-console__screen .ansi-yellow-fg { color: #f5c542 !important; }
.eru-console__screen .ansi-blue-fg { color: #6ea8fe !important; }
.eru-console__screen .ansi-magenta-fg { color: #b39afa !important; }
.eru-console__screen .ansi-cyan-fg { color: #56d4dd !important; }
.eru-console__screen .ansi-white-fg { color: #e8eef7 !important; }
.eru-console__screen .ansi-bright-black-fg { color: #7f91a4 !important; }
.eru-console__screen .ansi-bright-red-fg { color: #ff8a97 !important; }
.eru-console__screen .ansi-bright-green-fg { color: #5eead4 !important; }
.eru-console__screen .ansi-bright-yellow-fg { color: #ffe08a !important; }
.eru-console__screen .ansi-bright-blue-fg { color: #93c5fd !important; }
.eru-console__screen .ansi-bright-magenta-fg { color: #c4b5fd !important; }
.eru-console__screen .ansi-bright-cyan-fg { color: #67e8f9 !important; }
.eru-console__screen .ansi-bright-white-fg { color: var(--tw-text, #fff) !important; }
.eru-console__screen .ansi-bold { font-weight: 600; }
.eru-console__screen .ansi-black-bg { background-color: transparent !important; }
.eru-console__screen .ansi-red-bg { background-color: rgba(255, 107, 122, .18) !important; }
.eru-console__screen .ansi-green-bg { background-color: rgba(61, 214, 140, .18) !important; }
.eru-console__screen .ansi-yellow-bg { background-color: rgba(245, 197, 66, .18) !important; }
.eru-console__screen .ansi-blue-bg { background-color: rgba(110, 168, 254, .18) !important; }
.eru-console__screen .ansi-magenta-bg { background-color: rgba(179, 154, 250, .18) !important; }
.eru-console__screen .ansi-cyan-bg { background-color: rgba(86, 212, 221, .18) !important; }
.eru-console__screen .ansi-white-bg { background-color: rgba(232, 238, 247, .12) !important; }
.eru-console__screen .ansi-bright-black-bg { background-color: rgba(127, 145, 164, .18) !important; }
.eru-console__screen .ansi-bright-red-bg { background-color: rgba(255, 138, 151, .18) !important; }
.eru-console__screen .ansi-bright-green-bg { background-color: rgba(94, 234, 212, .18) !important; }
.eru-console__screen .ansi-bright-yellow-bg { background-color: rgba(255, 224, 138, .18) !important; }
.eru-console__screen .ansi-bright-blue-bg { background-color: rgba(147, 197, 253, .18) !important; }
.eru-console__screen .ansi-bright-magenta-bg { background-color: rgba(196, 181, 253, .18) !important; }
.eru-console__screen .ansi-bright-cyan-bg { background-color: rgba(103, 232, 249, .18) !important; }
.eru-console__screen .ansi-bright-white-bg { background-color: rgba(255, 255, 255, .12) !important; }
/* Legacy VGA black inline from older ansi_up sessions */
.eru-console__screen span[style*="color:rgb(0,0,0)"],
.eru-console__screen span[style*="color:rgb(0, 0, 0)"] {
	color: #5c6778 !important;
}

.eru-console__screen .tc-time { color: #56d4dd; }
.eru-console__screen .tc-info { color: #e8eef7; }
.eru-console__screen .tc-warn { color: #f5c542; }
.eru-console__screen .tc-error { color: #ff6b7a; }
.eru-console__screen .tc-debug { color: #7f91a4; }
.eru-console__screen .tc-notice { color: #e8eef7; }
.eru-console__screen .tc-thread { color: #93c5fd; }
.eru-console__screen .tc-url { color: #7177f8; text-decoration: underline; text-underline-offset: 2px; }
.eru-console__screen .tc-ok { color: #3dd68c; font-weight: 500; }
.eru-console__screen .tc-cmd { color: #b39afa; }
.eru-console__screen .tc-cmd-echo { color: #c4b5fd; font-weight: 500; }
.eru-console__screen .tc-status-head { color: #3dd68c; font-weight: 600; }
.eru-console__screen .tc-status-key { color: #f5c542; }
.eru-console__screen .tc-status-val { color: #ff6b7a; }
.eru-console__screen .tc-chat-lt { color: #7f91a4; }
.eru-console__screen .tc-chat-name { color: #6ea8fe; font-weight: 600; }
.eru-console__screen .tc-chat-msg { color: #e8eef7; }

.eru-console__form {
	padding: 0;
	background: var(--tw-card, #242f3d);
	border-top: 1px solid var(--tw-line, rgba(255, 255, 255, 0.06));
	flex-shrink: 0;
}

.eru-console__composer {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 4px 6px 4px 14px;
	border-radius: 0;
	background: var(--tw-surface, #1b2530);
	border: 0;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.eru-console__composer:focus-within {
	border-color: transparent;
	box-shadow: none;
}

.eru-console__prompt {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--tw-green, #2ecc71);
	font-family: "JetBrains Mono", monospace;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	user-select: none;
}

.eru-console__input {
	flex: 1;
	min-width: 0;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--tw-text);
	font-size: 14px;
	font-family: "JetBrains Mono", Consolas, Menlo, monospace;
	outline: none;
	box-shadow: none;
	box-sizing: border-box;
}

.eru-console__input::placeholder {
	color: var(--tw-muted);
	font-family: "Stem", Arial, sans-serif;
	font-size: 13px;
}

.eru-console__input:focus {
	border: 0;
	box-shadow: none;
}

.eru-console__send {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: rgba(168, 180, 196, 0.9);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color .15s ease, background .15s ease;
	box-shadow: none;
}

.eru-console__send:hover:not(:disabled),
.eru-console__send:focus-visible:not(:disabled) {
	background: transparent;
	color: #fff;
}

.eru-console__send:active:not(:disabled) {
	transform: none;
}

.eru-console__send:disabled {
	opacity: .4;
	cursor: default;
	pointer-events: none;
	filter: none;
}

.eru-console__send svg {
	width: 22px;
	height: 22px;
	margin: 0;
	fill: none;
	stroke: currentColor;
}

.eru-console__clear {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--tw-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color .15s ease, background .15s ease;
}

.eru-console__clear:hover {
	color: var(--tw-red);
	background: rgba(240, 67, 86, .12);
}

.eru-console__clear i {
	font-size: 14px;
	line-height: 1;
}

.eru-console__quick {
	position: relative;
	flex-shrink: 0;
}

.eru-console__quick-btn {
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--tw-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color .15s ease, background .15s ease;
}

.eru-console__quick-btn:hover,
.eru-console__quick-btn.is-open {
	color: var(--tw-amber);
	background: rgba(245, 165, 36, .12);
}

.eru-console__quick-btn svg {
	width: 18px;
	height: 18px;
}

.eru-console__quick-menu {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	width: min(360px, calc(100vw - 48px));
	max-height: min(320px, 55vh);
	overflow: auto;
	padding: 12px;
	border-radius: 14px;
	background: var(--tw-card);
	border: 1px solid var(--tw-line);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
	z-index: 40;
	-webkit-overflow-scrolling: touch;
}

.eru-console__quick-head {
	padding: 2px 6px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--tw-muted);
}

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

.eru-console__quick-item {
	display: block;
	width: 100%;
	min-height: 40px;
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: var(--tw-surface);
	color: #d7deea;
	font-family: "JetBrains Mono", Consolas, Menlo, monospace;
	font-size: 12px;
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
	transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.eru-console__quick-item:hover {
	background: var(--tw-card-hover);
	border-color: rgba(113, 119, 248, .28);
	color: var(--tw-text, #fff);
}

.eru-console__quick-item:active {
	background: var(--tw-hover-fill-strong, rgba(255, 255, 255, .1));
}

@media (max-width: 640px) {
	.eru-console__quick-menu {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: max(12px, env(safe-area-inset-bottom, 0px));
		width: auto;
		max-height: min(58vh, 420px);
		border-radius: 16px;
		padding: 14px 12px 12px;
		box-shadow: 0 16px 40px rgba(0, 0, 0, .45);
	}

	.eru-console__quick-head {
		padding: 0 4px 12px;
		font-size: 12px;
	}

	.eru-console__quick-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.eru-console__quick-item {
		min-height: 44px;
		padding: 12px 14px;
		font-size: 13px;
		border-radius: 12px;
	}
}

.eru-console__sources {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 14px 14px;
	background: var(--tw-card);
}

.eru-console__chip {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 12px;
	border-radius: 8px;
	background: var(--tw-surface);
	color: var(--tw-muted) !important;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none !important;
	border: 1px solid transparent;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.eru-console__chip:hover {
	color: var(--tw-text, #fff) !important;
	background: var(--tw-card-hover);
}

.eru-console__chip.is-active {
	color: #c8cdff !important;
	background: var(--tw-purple-soft);
	border-color: rgba(113, 119, 248, .28);
}

/* Theme / commands modals keep page chrome; light polish only if opened from here */
.eru-console-modal .modal-content {
	background: var(--tw-card);
	border: 1px solid var(--tw-line);
	border-radius: 14px;
	color: var(--tw-text);
}

@media (max-width: 991.98px) {
	.eru-console__screen {
		height: min(52vh, 520px);
		min-height: 260px;
		max-height: none;
	}
	/* SPA embed: chrome/header are outside the iframe — fill remaining viewport */
	html.eru-embed .eru-console__screen {
		height: calc(100dvh - 220px);
		min-height: 240px;
		max-height: none;
	}
}

@media (max-width: 575.98px) {
	.eru-console__screen {
		height: min(48vh, 480px);
		min-height: 220px;
		font-size: 12px;
		padding: 12px;
	}
	html.eru-embed .eru-console__screen {
		height: calc(100dvh - 200px);
		min-height: 200px;
	}
	.eru-console__composer {
		min-height: 42px;
		padding: 4px 4px 4px 12px;
		gap: 6px;
	}
	.eru-console__input {
		font-size: 13px;
	}
}

/* Short landscape phones / small heights */
@media (max-width: 991.98px) and (max-height: 520px) {
	.eru-console__screen,
	html.eru-embed .eru-console__screen {
		height: calc(100dvh - 140px);
		min-height: 140px;
		max-height: none;
	}
}

/* Statistics dashboard */
.eru-tw-stats {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-muted: #8092a5;
	--tw-text: #e8eef4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, 0.14);
	--tw-cpu: #8b90ff;
	--tw-ram: #6eb6ff;
	--tw-disk: #f0b03a;
	--tw-up: #3dd68c;
}

.eru-tw-stats#kt_content,
.eru-tw-stats#kt_content .container,
.eru-tw-stats#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-stats {
	max-width: 1120px;
	margin: 0 auto 64px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	animation: eru-stats-in .45s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes eru-stats-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}

/* Header */
.eru-stats__top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding: 8px 4px 2px;
	flex-wrap: wrap;
}

.eru-stats__eyebrow {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--tw-purple);
}

.eru-stats__title {
	margin: 0 0 10px !important;
	font-size: 32px !important;
	font-weight: 720 !important;
	letter-spacing: -0.035em;
	color: var(--tw-text, #fff) !important;
	line-height: 1.1 !important;
}

.eru-stats__lede {
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 14px;
	color: var(--tw-muted);
}

.eru-stats__name {
	color: var(--tw-text);
	font-weight: 550;
}

.eru-stats__dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.28);
	flex-shrink: 0;
}

.eru-stats__tabs {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 5px;
	border-radius: 14px;
	background: var(--tw-card);
	flex-shrink: 0;
}

.eru-stats__tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--tw-muted);
	font-size: 13px;
	font-weight: 560;
	padding: 9px 16px;
	border-radius: 10px;
	cursor: pointer;
	line-height: 1;
	transition: color .18s ease, background .18s ease, transform .18s ease;
}

.eru-stats__tab:hover {
	color: #e8eef7;
}

.eru-stats__tab.is-active {
	color: var(--tw-text, #fff);
	background: var(--tw-purple-soft);
}

.eru-stats__tab:active {
	transform: scale(0.97);
}

/* KPI strip */
.eru-stats__kpis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.eru-stats__kpi {
	position: relative;
	overflow: hidden;
	background: var(--tw-card);
	border: 0;
	border-radius: 18px;
	padding: 20px 20px 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	transition: transform .22s cubic-bezier(.22, 1, .36, 1);
}

.eru-stats__kpi:hover {
	transform: translateY(-2px);
}

.eru-stats__kpi-label {
	font-size: 12px;
	font-weight: 520;
	color: var(--tw-muted);
	letter-spacing: 0.01em;
}

.eru-stats__kpi-value {
	font-size: 26px;
	font-weight: 720;
	color: var(--tw-text, #fff);
	line-height: 1.08;
	letter-spacing: -0.035em;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-stats__kpi[data-kpi="uptime"] .eru-stats__kpi-value {
	color: #9ef0c3;
	font-feature-settings: "tnum";
	font-size: 24px;
}

.eru-stats__kpi-hint {
	font-size: 12px;
	color: rgba(128, 146, 165, 0.88);
	font-variant-numeric: tabular-nums;
}

/* Panels */
.eru-stats__panel {
	background: var(--tw-card);
	border: 0;
	border-radius: 20px;
	padding: 24px 26px 20px;
	position: relative;
}

.eru-stats__panel--online {
	padding-bottom: 14px;
}

.eru-stats__panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 6px;
}

.eru-stats__panel-title {
	margin: 0 0 4px;
	font-size: 17px;
	font-weight: 650;
	color: var(--tw-text, #fff);
	letter-spacing: -0.02em;
}

.eru-stats__panel-sub {
	margin: 0;
	font-size: 13px;
	color: var(--tw-muted);
}

.eru-stats__chart-wrap {
	position: relative;
	min-height: 340px;
	overflow: visible;
	margin: 0 -4px;
}

.eru-stats__chart-wrap--sm {
	min-height: 268px;
}

.eru-stats__chart {
	width: 100%;
	min-height: inherit;
	overflow: visible;
}

.eru-stats__chart .apexcharts-canvas,
.eru-stats__chart .apexcharts-svg {
	overflow: visible !important;
}

.eru-stats__chart .apexcharts-xaxis-label {
	fill: #7f91a4 !important;
}

.eru-stats__chart .apexcharts-tooltip {
	border: 0 !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
	background: #151c27 !important;
	border-radius: 10px !important;
}

.eru-stats__chart .apexcharts-legend-text {
	color: var(--tw-muted) !important;
}

.eru-stats__chart-empty {
	position: absolute;
	inset: 56px 16px auto;
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: var(--tw-muted);
	pointer-events: none;
}

/* Split */
.eru-stats__split {
	display: grid;
	grid-template-columns: 1.4fr 0.9fr;
	gap: 14px;
	align-items: stretch;
}

.eru-stats__avgs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 12px;
	padding-top: 14px;
}

.eru-stats__avg {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
	padding: 12px 12px 11px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.18);
}

.eru-stats__avg span {
	font-size: 11px;
	font-weight: 550;
	color: var(--tw-muted);
	letter-spacing: 0.02em;
}

.eru-stats__avg strong {
	font-size: 18px;
	font-weight: 700;
	color: #e8eef7;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}

.eru-stats__avg[data-avg="cpu"] strong { color: var(--tw-cpu); }
.eru-stats__avg[data-avg="ram"] strong { color: var(--tw-ram); }
.eru-stats__avg[data-avg="disk"] strong { color: var(--tw-disk); }

/* Gauges */
.eru-stats__gauges {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin: 14px 0 18px;
}

.eru-stats__gauge {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.eru-stats__gauge > span {
	font-size: 12px;
	font-weight: 520;
	color: var(--tw-muted);
}

.eru-stats__ring {
	position: relative;
	width: 92px;
	height: 92px;
}

.eru-stats__ring svg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.eru-stats__ring-bg {
	fill: none;
	stroke: rgba(255, 255, 255, 0.05);
	stroke-width: 6.5;
}

.eru-stats__ring-fg {
	fill: none;
	stroke-width: 6.5;
	stroke-linecap: round;
	stroke-dasharray: 188.4 188.4;
	stroke-dashoffset: 188.4;
	transition: stroke-dashoffset .6s cubic-bezier(.34, 1.2, .64, 1);
}

.eru-stats__gauge[data-meter="cpu"] .eru-stats__ring-fg { stroke: var(--tw-cpu); }
.eru-stats__gauge[data-meter="ram"] .eru-stats__ring-fg { stroke: var(--tw-ram); }
.eru-stats__gauge[data-meter="disk"] .eru-stats__ring-fg { stroke: var(--tw-disk); }

.eru-stats__ring strong {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.03em;
}

.eru-stats__io {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.eru-stats__io-item {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 14px 14px 12px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.18);
	min-width: 0;
}

.eru-stats__io-item span {
	font-size: 11px;
	font-weight: 550;
	color: var(--tw-muted);
	letter-spacing: 0.02em;
}

.eru-stats__io-item strong {
	font-size: 13px;
	font-weight: 620;
	color: var(--tw-text);
	line-height: 1.35;
	word-break: break-word;
}

@media (max-width: 991.98px) {
	.eru-stats__split {
		grid-template-columns: 1fr;
	}
	.eru-stats__kpis {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767.98px) {
	.eru-stats {
		gap: 14px;
	}
	.eru-stats__top {
		flex-direction: column;
		align-items: stretch;
		padding-top: 2px;
	}
	.eru-stats__title {
		font-size: 26px !important;
	}
	.eru-stats__tabs {
		align-self: stretch;
		justify-content: space-between;
	}
	.eru-stats__tab {
		flex: 1;
		text-align: center;
		padding: 10px 8px;
	}
	.eru-stats__panel {
		padding: 18px 16px 14px;
		border-radius: 16px;
	}
	.eru-stats__chart-wrap {
		min-height: 270px;
		margin: 0;
	}
	.eru-stats__chart-wrap--sm {
		min-height: 230px;
	}
	.eru-stats__kpi {
		padding: 16px;
		border-radius: 14px;
	}
	.eru-stats__kpi-value {
		font-size: 22px;
	}
	.eru-stats__ring {
		width: 76px;
		height: 76px;
	}
	.eru-stats__ring strong {
		font-size: 11px;
	}
}

@media (max-width: 479.98px) {
	.eru-stats__kpis {
		grid-template-columns: 1fr;
	}
	.eru-stats__gauges {
		gap: 2px;
	}
	.eru-stats__io {
		grid-template-columns: 1fr;
	}
	.eru-stats__avgs {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eru-stats,
	.eru-stats__kpi,
	.eru-stats__tab,
	.eru-stats__ring-fg,
	.eru-skel-text,
	.eru-stats__chart-skel {
		animation: none !important;
		transition: none !important;
	}
}

/* Skeletons */
.eru-skel-text {
	display: inline-block;
	height: 14px;
	border-radius: 8px;
	vertical-align: middle;
	background: linear-gradient(90deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.13) 50%, rgba(255,255,255,0.06) 100%);
	background-size: 200% 100%;
	animation: eru-skel-shine 1.2s ease-in-out infinite;
}
.eru-skel-text--lg { height: 16px; width: 200px; max-width: 70%; }
.eru-skel-text--md { height: 22px; width: 120px; max-width: 70%; }
.eru-skel-text--sm { height: 12px; width: 72px; max-width: 55%; }
.eru-skel-text--xs { height: 20px; width: 48px; }

.eru-stats__kpi-value .eru-skel-text--md { height: 24px; width: 132px; }
.eru-stats__kpi-value .eru-skel-text--xs { height: 24px; width: 56px; }
.eru-stats__kpi[data-kpi="uptime"] .eru-stats__kpi-value .eru-skel-text { width: 110px; height: 22px; }
.eru-stats__ring .eru-skel-text--xs { width: 36px; height: 12px; }

.eru-stats__chart-skel {
	position: absolute;
	inset: 12px 8px 28px;
	border-radius: 12px;
	background:
		linear-gradient(180deg, transparent 0%, transparent 18%, rgba(255,255,255,0.03) 18%, rgba(255,255,255,0.03) 19%, transparent 19%, transparent 38%, rgba(255,255,255,0.03) 38%, rgba(255,255,255,0.03) 39%, transparent 39%, transparent 58%, rgba(255,255,255,0.03) 58%, rgba(255,255,255,0.03) 59%, transparent 59%, transparent 78%, rgba(255,255,255,0.03) 78%, rgba(255,255,255,0.03) 79%, transparent 79%),
		linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.08), rgba(255,255,255,0.04));
	background-size: 100% 100%, 200% 100%;
	animation: eru-skel-shine 1.35s ease-in-out infinite;
	pointer-events: none;
	z-index: 2;
}
.eru-stats__chart-skel--sm {
	inset: 8px 6px 20px;
}
.eru-stats__panel.is-loading .eru-stats__chart {
	opacity: 0;
}
.eru-stats__panel:not(.is-loading) .eru-stats__chart-skel {
	display: none;
}
.eru-stats__gauge.is-loading .eru-stats__ring-fg {
	opacity: 0.15;
}

@keyframes eru-skel-shine {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

/* PocketMine plugins workshop (Poggit) */
.eru-plugins__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
}
.eru-plugins__title {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-plugins__meta {
	margin: 0;
	font-size: 13px;
	color: var(--tw-muted, #7f91a4);
}

/* Filters: tall column + sticky to top edge (same wall behavior as order «Итого») */
.eru-plugins__body.eru-side-layout {
	align-items: stretch;
}
.eru-plugins__filters-slot {
	align-self: stretch;
	width: 100%;
	min-width: 0;
	min-height: 100%;
}
.eru-plugins__filters-col {
	width: 100%;
	background: #242f3d;
	border-radius: 14px;
	box-sizing: border-box;
}
.eru-plugins__filters {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 14px 12px 16px;
}
.eru-plugins__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}
.eru-plugins__field > span {
	font-size: 12px;
	font-weight: 600;
	color: var(--tw-muted, #7f91a4);
}
.eru-plugins__field input,
.eru-plugins__field select {
	height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background-color: #1b2530;
	color: #e8eef7;
	padding: 0 12px;
	font-size: 14px;
	outline: none;
	width: 100%;
	box-sizing: border-box;
	color-scheme: dark;
	-webkit-appearance: none;
	appearance: none;
}
.eru-plugins__field input::placeholder {
	color: #7f91a4;
	opacity: 1;
}
.eru-plugins__field select {
	--eru-plugins-chevron: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%239aa8b8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
	padding-right: 36px;
	background-image: var(--eru-plugins-chevron);
	background-repeat: no-repeat;
	background-position: right 12px center;
	cursor: pointer;
	accent-color: #7177f8;
}
.eru-plugins__field input:focus {
	border-color: rgba(113, 119, 248, 0.45);
	background-color: #202b38;
	color: var(--tw-text, #fff);
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.12);
}
.eru-plugins__field select:hover {
	border-color: rgba(255, 255, 255, 0.14);
	background-color: #1b2530;
	background-image: var(--eru-plugins-chevron);
}
.eru-plugins__field select:focus {
	border-color: rgba(113, 119, 248, 0.55);
	background-color: #202b38;
	background-image: var(--eru-plugins-chevron);
	color: var(--tw-text, #fff);
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.12);
}
.eru-plugins__field select:disabled {
	opacity: .65;
	cursor: not-allowed;
}
.eru-plugins__field select option,
.eru-plugins__field select optgroup {
	background-color: #1b2530;
	color: #e8eef7;
}
.eru-plugins__field select option:checked {
	background-color: #2f3a5c;
	color: var(--tw-text, #fff);
}
.eru-plugins__field select option:hover {
	background-color: #2a3646;
	color: var(--tw-text, #fff);
}
.eru-plugins__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
	transition: background .15s ease;
}
.eru-plugins__btn i {
	font-size: 13px;
	line-height: 1;
	opacity: 0.92;
}
.eru-plugins__btn--primary {
	background: #fff;
	color: #17212b !important;
}
.eru-plugins__btn--primary:hover {
	background: #e8eef5;
	color: #17212b !important;
}
.eru-plugins__btn--ghost {
	background: var(--tw-hover-fill);
	color: var(--tw-text, #fff) !important;
}
.eru-plugins__btn--ghost:hover {
	background: rgba(255, 255, 255, 0.1);
	color: var(--tw-text, #fff) !important;
}

.eru-plugins__empty {
	padding: 48px 20px;
	text-align: center;
	color: var(--tw-muted, #7f91a4);
}
.eru-plugins__empty h4 {
	color: var(--tw-text, #fff);
	margin: 0 0 8px;
}

.eru-plugins__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}
.eru-plugins__card {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px;
	border-radius: 14px;
	background: #242f3d;
	text-decoration: none !important;
	color: inherit !important;
	transition: background .15s ease, transform .15s ease;
	min-height: 92px;
}
.eru-plugins__card:hover {
	background: #2a3646;
}
.eru-plugins__card-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--tw-hover-fill);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: var(--tw-text, #fff);
}
.eru-plugins__card-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eru-plugins__card-body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.eru-plugins__card-name {
	font-size: 15px;
	font-weight: 650;
	color: var(--tw-text, #fff);
}
.eru-plugins__card-tag {
	font-size: 13px;
	line-height: 1.35;
	color: var(--tw-muted, #7f91a4);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.eru-plugins__card-meta {
	font-size: 12px;
	color: rgba(127, 145, 164, 0.9);
}

.eru-plugins__pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 20px;
	color: var(--tw-muted, #7f91a4);
	font-size: 14px;
}
.eru-plugins__pager a {
	color: var(--tw-text, #fff) !important;
	text-decoration: none !important;
	padding: 6px 12px;
	border-radius: 8px;
	background: var(--tw-hover-fill);
}
.eru-plugins__pager a:hover {
	background: rgba(255, 255, 255, 0.1);
}

/* Detail — nav stays free; stack aligns to server chrome width */
.eru-plugins-detail {
	width: 100%;
	max-width: none;
}
.eru-plugins-detail__nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
}
.eru-plugins-detail__back {
	color: var(--tw-text, #fff) !important;
	text-decoration: none !important;
	font-weight: 500;
}
.eru-plugins-detail__crumb {
	color: var(--tw-muted, #7f91a4);
	font-size: 14px;
}
.eru-plugins-detail__stack {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.eru-plugins-detail__hero {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 20px 22px;
	border-radius: 14px 14px 0 0;
	background: #242f3d;
}
.eru-plugins-detail__icon {
	width: 72px;
	height: 72px;
	border-radius: 16px;
	overflow: hidden;
	background: var(--tw-hover-fill);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	flex-shrink: 0;
}
.eru-plugins-detail__icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eru-plugins-detail__intro {
	min-width: 0;
	flex: 1;
}
.eru-plugins-detail__intro h1 {
	margin: 0 0 6px;
	font-size: 24px;
	color: var(--tw-text, #fff);
}
.eru-plugins-detail__intro > p {
	margin: 0 0 14px;
	color: var(--tw-muted, #7f91a4);
	font-size: 14px;
}
.eru-plugins-detail__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.eru-plugins-detail__tabs {
	display: flex;
	gap: 4px;
	padding: 0 14px;
	background: #242f3d;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-plugins-detail__tabs button {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 12px 12px;
	color: var(--tw-muted, #7f91a4);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}
.eru-plugins-detail__tabs button.is-active {
	color: var(--tw-text, #fff);
	border-bottom-color: var(--tw-text, #fff);
}
.eru-plugins-detail__panel {
	display: none;
	padding: 20px 22px;
	background: #242f3d;
	border-radius: 0 0 14px 14px;
}
.eru-plugins-detail__panel.is-active {
	display: block;
}
.eru-spa-skel .eru-plugins-detail__icon .eru-skel-text {
	width: 100% !important;
	height: 100% !important;
}
.eru-spa-skel .eru-plugins-detail__tabs button:disabled {
	opacity: 1;
	cursor: default;
}
/* Props panel rows work without full .eru-cred control chrome */
.eru-plugins-detail__panel .eru-cred__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 15px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.eru-plugins-detail__panel .eru-cred__row:last-child {
	border-bottom: 0;
}
.eru-plugins-detail__panel .eru-cred__label {
	font-size: 14px;
	font-weight: 500;
	color: #7f91a4;
}
.eru-plugins-detail__panel .eru-cred__value {
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	text-align: right;
	word-break: break-word;
}
.eru-plugins-detail__panel .eru-plugins-detail__ver {
	background: rgba(0, 0, 0, 0.18);
}
.eru-plugins-detail__readme {
	color: #d7dee6;
	font-size: 14px;
	line-height: 1.6;
	overflow-wrap: anywhere;
	text-align: left !important;
}
.eru-plugins-detail__readme > *:first-child {
	margin-top: 0;
}
.eru-plugins-detail__readme h1:first-child,
.eru-plugins-detail__readme h2:first-child,
.eru-plugins-detail__readme h3:first-child {
	margin-top: 0;
}
.eru-plugins-detail__readme h1,
.eru-plugins-detail__readme h2,
.eru-plugins-detail__readme h3,
.eru-plugins-detail__readme h4 {
	color: var(--tw-text, #fff);
	font-weight: 700;
	margin: 22px 0 12px;
	line-height: 1.3;
	text-align: left !important;
}
.eru-plugins-detail__readme h1 { font-size: 22px; }
.eru-plugins-detail__readme h2 { font-size: 18px; }
.eru-plugins-detail__readme h3 { font-size: 16px; }
.eru-plugins-detail__readme p,
.eru-plugins-detail__readme li {
	color: #d7dee6;
}
.eru-plugins-detail__readme p {
	margin: 0 0 12px;
	text-align: left !important;
}
.eru-plugins-detail__readme ul,
.eru-plugins-detail__readme ol {
	margin: 0 0 14px;
	padding-left: 1.25em;
}
.eru-plugins-detail__readme li {
	margin: 4px 0;
}
.eru-plugins-detail__readme li + li {
	margin-top: 6px;
}
.eru-plugins-detail__readme [align="center"],
.eru-plugins-detail__readme div[align="center"],
.eru-plugins-detail__readme p[align="center"] {
	text-align: left !important;
}
.eru-plugins-detail__readme img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	vertical-align: middle;
}
.eru-plugins-detail__readme a {
	color: #9eb6ff !important;
}
.eru-plugins-detail__readme code {
	display: inline;
	padding: 2px 7px;
	border-radius: 6px;
	background: rgba(255, 120, 150, 0.16);
	color: #ffb3c4;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12.5px;
	white-space: nowrap;
}
.eru-plugins-detail__readme pre,
.eru-plugins-detail__readme .eru-plugins-pre,
.eru-plugins-detail__readme .highlight {
	display: block;
	padding: 14px 16px;
	margin: 12px 0 18px;
	overflow: auto;
	border-radius: 12px;
	background: #1b2430;
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: #e8eef5;
	font-size: 13px;
	line-height: 1.5;
	white-space: pre-wrap;
}
.eru-plugins-detail__readme pre code {
	background: transparent;
	color: inherit;
	padding: 0;
	white-space: inherit;
}
.eru-plugins-detail__readme .highlight .pl-ent,
.eru-plugins-detail__readme .highlight .pl-s,
.eru-plugins-detail__readme .highlight .pl-c,
.eru-plugins-detail__readme .highlight .pl-k {
	color: #e8eef5 !important;
}

/* Markdown / converted command tables */
.eru-plugins-detail__readme table,
.eru-plugins-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 12px 0 20px;
	background: #242f3d;
	border-radius: 12px;
	overflow: hidden;
	font-size: 13px;
}
.eru-plugins-table-wrap {
	width: 100%;
	overflow-x: auto;
	margin: 12px 0 20px;
	border-radius: 12px;
}
.eru-plugins-table-wrap .eru-plugins-table {
	margin: 0;
	min-width: 560px;
}
.eru-plugins-detail__readme thead th,
.eru-plugins-table thead th {
	padding: 11px 14px;
	text-align: left;
	font-weight: 650;
	color: var(--tw-text, #fff);
	background: var(--tw-hover-fill);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	white-space: nowrap;
}
.eru-plugins-detail__readme tbody td,
.eru-plugins-table tbody td {
	padding: 11px 14px;
	vertical-align: top;
	color: #d7dee6;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.eru-plugins-detail__readme tbody tr:last-child td,
.eru-plugins-table tbody tr:last-child td {
	border-bottom: 0;
}
.eru-plugins-detail__readme tbody tr:nth-child(even) td,
.eru-plugins-table tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.02);
}
.eru-plugins-detail__readme td:first-child,
.eru-plugins-table td:first-child {
	width: 28%;
	color: var(--tw-text, #fff);
}
.eru-plugins-detail__readme td code,
.eru-plugins-table td code {
	white-space: nowrap;
}
.eru-plugins-table__k {
	display: inline-block;
	margin-right: 4px;
	color: var(--tw-muted, #7f91a4);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.eru-plugins-detail__disclaimer,
.eru-plugins-detail__muted {
	margin-top: 16px;
	font-size: 12px;
	color: var(--tw-muted, #7f91a4);
}
.eru-plugins-detail__versions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eru-plugins-detail__ver {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.18);
}
.eru-plugins-detail__ver-name {
	color: var(--tw-text, #fff);
	font-weight: 600;
	font-size: 14px;
}
.eru-plugins-detail__ver-meta {
	font-size: 12px;
	color: var(--tw-muted, #7f91a4);
	margin-top: 2px;
}
.eru-plugins-detail__ver-actions {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

@media (min-width: 992px) {
	/* Standalone page: CSS sticky under site header */
	.eru-plugins__filters-col {
		position: sticky;
		top: 88px;
		z-index: 5;
	}
	/* SPA embed: JS pins to #kt_header; keep column reserved via placeholder */
	html.eru-embed .eru-plugins__filters-col {
		position: static;
		top: auto;
	}
	html.eru-embed .eru-plugins__filters-col.is-eru-stuck {
		position: fixed !important;
		z-index: 40;
		margin: 0;
		max-height: calc(100vh - 24px);
		overflow-x: hidden;
		overflow-y: auto;
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	}
	.eru-plugins__sticky-ph {
		visibility: hidden;
		pointer-events: none;
		width: 100%;
	}
}

@media (max-width: 900px) {
	.eru-plugins.eru-side-layout,
	.eru-plugins__body.eru-side-layout {
		grid-template-columns: 1fr;
	}
	.eru-plugins__filters-col {
		position: static;
	}
	.eru-plugins__filters-slot {
		align-self: stretch;
		min-height: 0;
	}
	.eru-plugins-detail__hero {
		flex-direction: column;
	}
	.eru-plugins-detail__ver {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Timeweb-style server order page */
.eru-order {
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-family: inherit;
}

.eru-order__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4) !important;
	text-decoration: none !important;
}
.eru-order__back:hover { color: var(--tw-text, #fff) !important; }

.eru-order__title {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	line-height: 1.2;
}

.eru-order__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
	gap: 12px;
	align-items: start;
}
.eru-order__main {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.eru-order__panel {
	background: var(--tw-card, #242f3d);
	border-radius: 16px;
	padding: 22px 24px 24px;
}

.eru-order__panel-title {
	margin: 0 0 18px;
	font-size: 16px;
	font-weight: 600;
	color: var(--tw-text, #fff);
}

.eru-order__field {
	margin-bottom: 16px;
}
.eru-order__field:last-child { margin-bottom: 0; }

.eru-order__label {
	display: block;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4);
}

.eru-order__panel .form-control,
.eru-order__panel select.form-control,
.eru-order__panel input.form-control {
	height: 44px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: #1b2530 !important;
	color: var(--tw-text, #fff) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	padding: 10px 14px !important;
}
.eru-order__panel .form-control:focus {
	border-color: rgba(113, 119, 248, 0.55) !important;
	background: #1b2530 !important;
	color: var(--tw-text, #fff) !important;
}
.eru-order__panel select.form-control {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 fill=%27none%27%3E%3Cpath stroke=%27%237f91a4%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 d=%27m1 1.5 5 5 5-5%27/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	padding-right: 36px !important;
}
.eru-order__panel .form-control::placeholder {
	color: rgba(127, 145, 164, 0.75) !important;
}

.eru-order__slots {
	display: flex;
	align-items: stretch;
	gap: 8px;
}
.eru-order__slots .form-control {
	text-align: center;
	flex: 1;
}
.eru-order__slots-slider {
	padding: 12px 14px;
	border-radius: 12px;
	background: #1b2530;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.eru-order__slots-row {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
}
.eru-order__slots-chip {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 56px;
	padding: 8px 10px;
	border-radius: 10px;
	background: #242f3d;
	border: 1px solid rgba(255, 255, 255, 0.08);
	cursor: text;
	margin: 0;
}
.eru-order__slots-value {
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--tw-text, #fff) !important;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	padding: 0;
	outline: none;
	font-variant-numeric: tabular-nums;
}
.eru-order__slots-value:focus {
	color: var(--tw-text, #fff) !important;
}
.eru-order__slots-unit {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--tw-muted, #7f91a4);
	text-transform: lowercase;
}
.eru-order__slots-track {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-top: 2px;
}
.eru-order__range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--tw-purple, #7177f8) 0%,
		var(--tw-purple, #7177f8) var(--eru-slots-fill, 0%),
		rgba(255, 255, 255, 0.1) var(--eru-slots-fill, 0%),
		rgba(255, 255, 255, 0.1) 100%
	);
	outline: none;
	cursor: pointer;
	margin: 0;
}
.eru-order__range:focus-visible {
	box-shadow: 0 0 0 3px rgba(113, 119, 248, 0.28);
}
.eru-order__range::-webkit-slider-runnable-track {
	height: 6px;
	border-radius: 999px;
	background: transparent;
}
.eru-order__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	margin-top: -6px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--tw-purple, #7177f8);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	cursor: grab;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.eru-order__range:active::-webkit-slider-thumb {
	cursor: grabbing;
	transform: scale(1.08);
	box-shadow: 0 3px 12px rgba(113, 119, 248, 0.45);
}
.eru-order__range::-moz-range-track {
	height: 6px;
	border-radius: 999px;
	background: transparent;
}
.eru-order__range::-moz-range-progress {
	height: 6px;
	border-radius: 999px;
	background: var(--tw-purple, #7177f8);
}
.eru-order__range::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--tw-purple, #7177f8);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	cursor: grab;
}
.eru-order__slots-scale {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: var(--tw-muted, #7f91a4);
	font-variant-numeric: tabular-nums;
	padding: 0 2px;
}
.eru-order__step {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	background: #242f3d;
	color: var(--tw-muted, #7f91a4) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, opacity .15s ease;
}
.eru-order__step:hover:not(:disabled) {
	background: var(--tw-hover-fill, rgba(255,255,255,0.06));
	color: var(--tw-text, #fff) !important;
}
.eru-order__step:disabled {
	opacity: 0.4;
	cursor: default;
}
.eru-order__step i { font-size: 14px; }

.eru-order__input-addon {
	position: relative;
	display: block;
}
.eru-order__input-addon .form-control {
	width: 100%;
	padding-right: 48px !important;
}
.eru-order__input-addon-btn {
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 8px;
	background: rgba(113, 119, 248, 0.2);
	color: #c4c8ff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.eru-order__input-addon-btn svg {
	width: 18px;
	height: 18px;
	display: block;
}
.eru-order__input-addon-btn:hover:not(:disabled) {
	background: rgba(113, 119, 248, 0.32);
	color: var(--tw-text, #fff);
}
.eru-order__input-addon-btn:disabled {
	opacity: 0.45;
	cursor: wait;
}
.eru-order__promo {
	margin-bottom: 18px;
}

.eru-order__summary {
	position: sticky;
	top: 88px;
}

.eru-order__divider {
	height: 1px;
	background: var(--tw-hover-fill-strong, rgba(255,255,255,0.08));
	margin: 18px 0;
	border: 0;
}

.eru-order__total-label {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted, #7f91a4);
}
.eru-order__total {
	margin: 0 0 10px;
	font-size: 28px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	letter-spacing: -0.02em;
	line-height: 1.2;
}
.eru-order__specs {
	margin: 0 0 20px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--tw-muted, #7f91a4);
}

.eru-order__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border: 0;
	border-radius: 999px;
	background: var(--tw-btn-primary, #7177f8);
	color: var(--tw-text, #fff) !important;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background .15s ease;
}
.eru-order__submit:hover:not(:disabled) {
	background: var(--tw-btn-primary-hover, #525aff);
}
.eru-order__submit:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

.eru-order__panel-lead {
	margin: -8px 0 16px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--tw-muted, #7f91a4);
}

.eru-order__summary-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.eru-order__period {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
	padding: 4px;
	margin-bottom: 16px;
	border-radius: 12px;
	background: #1b2530;
}
.eru-order__period.is-disabled {
	opacity: .45;
	pointer-events: none;
}
.eru-order__period-thumb {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc((100% - 8px - 8px) / 3);
	height: 36px;
	border-radius: 9px;
	background: #2a3648;
	pointer-events: none;
	z-index: 0;
	transform: translateX(0);
	transition: transform .28s cubic-bezier(.22, 1, .36, 1);
	will-change: transform;
}
.eru-order__period[data-period="day"] .eru-order__period-thumb {
	transform: translateX(calc(100% + 4px));
}
.eru-order__period[data-period="month"] .eru-order__period-thumb {
	transform: translateX(calc(200% + 8px));
}
.eru-order__period-btn {
	position: relative;
	z-index: 1;
	height: 36px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--tw-muted, #7f91a4);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: color .2s ease, transform .2s cubic-bezier(.22, 1, .36, 1);
}
.eru-order__period-btn:hover:not(:disabled) {
	color: var(--tw-text, #fff);
	transform: translateY(-1px);
}
.eru-order__period-btn:active:not(:disabled) {
	transform: translateY(0);
}
.eru-order__period-btn.is-active {
	background: transparent;
	color: var(--tw-text, #fff);
}
.eru-order__period-btn.is-active:hover:not(:disabled) {
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.eru-order__period-thumb {
		transition: none;
	}
	.eru-order__period-btn {
		transition: color .15s ease;
	}
	.eru-order__period-btn:hover:not(:disabled) {
		transform: none;
	}
}

.eru-order__meta {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.eru-order__meta > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	line-height: 1.35;
}
.eru-order__meta dt {
	margin: 0;
	color: var(--tw-muted, #7f91a4);
	font-weight: 500;
}
.eru-order__meta dd {
	margin: 0;
	color: var(--tw-text, #fff);
	font-weight: 600;
	text-align: right;
}

/* Tariff list (Timeweb-style rows) */
.eru-order__tarif-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eru-order__tarif-row {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 0.9fr) auto;
	align-items: center;
	gap: 12px 16px;
	width: 100%;
	min-height: 68px;
	padding: 16px 20px;
	border-radius: 12px;
	border: 1.6px solid #242f3d;
	background: #242f3d;
	color: var(--tw-text, #fff);
	text-align: left;
	font-family: inherit;
	cursor: pointer;
	transition: border-color .15s ease;
}
.eru-order__tarif-row:hover {
	border-color: rgba(113,119,248,.55);
}
.eru-order__tarif-row.is-active {
	border-color: #7177f8;
	box-shadow: none;
}
.eru-order__tarif-row.is-featured,
.eru-order__tarif-row--test {
	margin-top: 0;
	padding-top: 22px;
}
.eru-order__tarif-row--test {
	border-style: dashed;
	border-color: rgba(113,119,248,.35);
}
.eru-order__tarif-row--test.is-active {
	border-style: solid;
	border-color: #7177f8;
}
.eru-order__tarif-row-badge {
	position: absolute;
	top: 0;
	left: 16px;
	z-index: 1;
	padding: 3px 8px;
	border-radius: 0 0 8px 8px;
	background: #7177f8;
	color: var(--tw-text, #fff);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}
.eru-order__tarif-row--test .eru-order__tarif-row-badge {
	background: #7177f8;
	color: var(--tw-text, #fff);
	border: 0;
}
.eru-order__tarif-row-cell {
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	letter-spacing: 0;
	line-height: 1.3;
	white-space: nowrap;
}
.eru-order__tarif-row-name {
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eru-order__tarif-row-price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	justify-self: end;
	min-width: 110px;
}
.eru-order__tarif-row-month {
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-text, #fff);
	white-space: nowrap;
	line-height: 1.3;
}
.eru-order__tarif-row-hour {
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4;
	white-space: nowrap;
	line-height: 1.3;
}

@media (max-width: 991.98px) {
	.eru-order__grid {
		grid-template-columns: 1fr;
	}
	.eru-order__summary {
		position: static;
	}
}
@media (max-width: 700px) {
	.eru-order__tarif-row {
		grid-template-columns: 1fr 1fr;
		padding: 18px 14px 14px;
		min-height: 0;
	}
	.eru-order__tarif-row-name {
		grid-column: 1 / -1;
		white-space: normal;
	}
	.eru-order__tarif-row-price {
		grid-column: 1 / -1;
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		min-width: 0;
		padding-top: 10px;
		border-top: 1px solid rgba(255,255,255,.06);
	}
}


/* MCBE Host — Пополнение баланса */
.eru-tw-pay {
	--tw-page: #17212b;
	--tw-card: #1e2834;
	--tw-field: #242f3d;
	--tw-field-hover: #2a3645;
	--tw-text: #e8eef4;
	--tw-muted: #8092a5;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, .18);
	--tw-line: rgba(255, 255, 255, .07);
}

.eru-tw-pay#kt_content,
.eru-tw-pay#kt_content .container,
.eru-tw-pay#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-pay {
	max-width: 440px;
	margin: 0 auto 56px;
}

.eru-pay__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.eru-pay__head-text {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.eru-pay__title {
	margin: 0 !important;
	font-size: 22px !important;
	font-weight: 650 !important;
	color: var(--tw-text) !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em;
}

.eru-pay__history {
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted) !important;
	text-decoration: none !important;
	transition: color .15s ease;
}
.eru-pay__history:hover {
	color: #c5d0db !important;
}

.eru-pay__balance {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	flex-shrink: 0;
}

.eru-pay__balance-label {
	font-size: 12px;
	color: var(--tw-muted);
}

.eru-pay__balance-value {
	font-size: 20px;
	font-weight: 650;
	color: var(--tw-text);
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
}

.eru-pay__sheet {
	background: var(--tw-card);
	border-radius: 16px;
	padding: 22px 20px 18px;
}

.eru-pay__label {
	display: block;
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--tw-muted);
}

.eru-pay__amount-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.eru-pay__amount {
	width: 100%;
	height: 64px;
	padding: 0 52px 0 18px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: var(--tw-field);
	color: var(--tw-text);
	font-size: 32px;
	font-weight: 650;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	outline: none;
	appearance: textfield;
	-moz-appearance: textfield;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.eru-pay__amount::-webkit-outer-spin-button,
.eru-pay__amount::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.eru-pay__amount::placeholder {
	color: #4a5a6a;
}
.eru-pay__amount:focus {
	border-color: rgba(113, 119, 248, .55);
	box-shadow: 0 0 0 3px var(--tw-purple-soft);
}

.eru-pay__currency {
	position: absolute;
	right: 18px;
	font-size: 20px;
	font-weight: 600;
	color: var(--tw-muted);
	pointer-events: none;
}

.eru-pay__presets {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	margin-top: 12px;
}

.eru-pay__preset {
	height: 36px;
	padding: 0 4px;
	border: none;
	border-radius: 8px;
	background: var(--tw-field);
	color: var(--tw-muted);
	font-size: 13px;
	font-weight: 550;
	font-variant-numeric: tabular-nums;
	cursor: pointer;
	transition: background .12s ease, color .12s ease;
}
.eru-pay__preset:hover {
	color: var(--tw-text);
	background: var(--tw-field-hover);
}
.eru-pay__preset.is-active {
	background: var(--tw-purple);
	color: var(--tw-text, #fff);
}

.eru-pay__divider {
	height: 1px;
	margin: 20px 0 18px;
	background: var(--tw-line);
}

.eru-pay__methods {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 18px;
}

.eru-pay__method {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 12px;
	border-radius: 12px;
	background: var(--tw-field);
	cursor: pointer;
	margin: 0;
	transition: background .12s ease, box-shadow .12s ease;
}
.eru-pay__method:hover {
	background: var(--tw-field-hover);
}
.eru-pay__method.is-active {
	background: rgba(113, 119, 248, .12);
	box-shadow: inset 0 0 0 1px rgba(113, 119, 248, .4);
}

.eru-pay__method-logo {
	width: 44px;
	height: 32px;
	border-radius: 7px;
	background: #161e27;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}
.eru-pay__method-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

.eru-pay__method-copy {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.eru-pay__method-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--tw-text);
	line-height: 1.3;
}

.eru-pay__method-desc {
	font-size: 12px;
	color: var(--tw-muted);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eru-pay__method-radio {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .16);
	flex-shrink: 0;
	position: relative;
	box-sizing: border-box;
}
.eru-pay__method.is-active .eru-pay__method-radio {
	border-color: var(--tw-purple);
	background: var(--tw-purple);
}
.eru-pay__method.is-active .eru-pay__method-radio::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.eru-pay__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border: none;
	border-radius: 12px;
	background: var(--tw-btn-primary, var(--tw-purple));
	color: var(--tw-text, #fff);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background .15s ease, transform .12s ease;
}
.eru-pay__submit:hover:not(:disabled) {
	background: var(--tw-btn-primary-hover, #525aff);
}
.eru-pay__submit:active:not(:disabled) {
	transform: translateY(1px);
}
.eru-pay__submit:disabled {
	opacity: .65;
	cursor: wait;
}
.eru-pay__submit-text {
	pointer-events: none;
}

.eru-pay__hint {
	margin: 12px 0 0;
	text-align: center;
	font-size: 12px;
	color: var(--tw-muted);
}

.eru-pay__empty {
	background: var(--tw-card);
	border-radius: 16px;
	padding: 40px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eru-pay__empty strong {
	font-size: 15px;
	color: var(--tw-text);
}
.eru-pay__empty span {
	font-size: 13px;
	color: var(--tw-muted);
}

@media (max-width: 480px) {
	.eru-pay {
		max-width: none;
	}
	.eru-pay__sheet {
		padding: 18px 14px 16px;
		border-radius: 14px;
	}
	.eru-pay__amount {
		height: 58px;
		font-size: 28px;
	}
	.eru-pay__presets {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.eru-pay__presets .eru-pay__preset:nth-child(4),
	.eru-pay__presets .eru-pay__preset:nth-child(5) {
		grid-column: span 1;
	}
}

/* Result / success */
.eru-pay--result {
	max-width: 400px;
}

.eru-pay-result {
	background: var(--tw-card);
	border-radius: 16px;
	padding: 36px 24px 22px;
	text-align: center;
}

.eru-pay-result__icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(46, 204, 113, .14);
	color: #2ecc71;
}
.eru-pay-result__icon svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
	display: block;
}

.eru-pay-result__title {
	margin: 0 0 8px !important;
	font-size: 20px !important;
	font-weight: 650 !important;
	color: var(--tw-text) !important;
	line-height: 1.25 !important;
}

.eru-pay-result__text {
	margin: 0 auto 20px;
	max-width: 300px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--tw-muted);
}

.eru-pay-result__balance {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px;
	margin-bottom: 10px;
	border-radius: 12px;
	background: var(--tw-field);
}
.eru-pay-result__balance span {
	font-size: 12px;
	color: var(--tw-muted);
}
.eru-pay-result__balance strong {
	font-size: 24px;
	font-weight: 650;
	letter-spacing: -0.02em;
	color: var(--tw-text);
	font-variant-numeric: tabular-nums;
}

.eru-pay-result__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 12px;
}
.eru-pay-result__actions .eru-pay__submit {
	text-decoration: none !important;
}
.eru-pay-result__actions .eru-pay__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	border-radius: 10px;
	background: var(--tw-field);
	color: var(--tw-text) !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: background .15s ease;
}
.eru-pay-result__actions .eru-pay__link:hover {
	background: var(--tw-field-hover);
	color: var(--tw-text, #fff) !important;
}

/* MCBE Host — История баланса (как pay / settings) */
.eru-tw-invoices {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-card-hover: #2a3645;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, .16);
	--tw-green: #2ecc71;
	--tw-amber: #f5a524;
	--tw-line: rgba(255, 255, 255, .06);
}

.eru-tw-invoices#kt_content,
.eru-tw-invoices#kt_content .container,
.eru-tw-invoices#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-inv {
	max-width: 720px;
	margin: 0 auto 48px;
}

.eru-inv__toolbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.eru-inv__title {
	margin: 0 0 6px !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: var(--tw-text) !important;
	line-height: 1.25 !important;
}

.eru-inv__lede {
	margin: 0;
	font-size: 14px;
	color: var(--tw-muted);
}

.eru-inv__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 18px;
	border-radius: 10px;
	background: var(--tw-btn-primary, var(--tw-purple));
	color: var(--tw-text, #fff) !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background .15s ease;
}
.eru-inv__btn:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: var(--tw-text, #fff) !important;
	box-shadow: none;
}

.eru-inv__section-title {
	margin: 22px 0 10px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted);
}

.eru-inv__card {
	background: var(--tw-card);
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 4px;
}

.eru-inv__card--list .eru-inv__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--tw-line);
}
.eru-inv__card--list .eru-inv__row:last-child {
	border-bottom: none;
}

.eru-inv__label {
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-text);
}

.eru-inv__value {
	font-size: 14px;
	color: var(--tw-muted);
	text-align: right;
	word-break: break-word;
}

.eru-inv__pay {
	display: grid;
	grid-template-columns: 8px minmax(72px, 1.2fr) minmax(0, 1.4fr) auto;
	align-items: center;
	gap: 10px 12px;
	padding: 11px 18px;
	min-height: 44px;
	border-bottom: 1px solid var(--tw-line);
}
.eru-inv__pay:last-child {
	border-bottom: none;
}
.eru-inv__pay:hover {
	background: var(--tw-hover-fill, rgba(255,255,255,.025));
}

.eru-inv__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tw-amber);
	box-shadow: 0 0 0 3px rgba(245, 165, 36, .14);
	flex-shrink: 0;
}
.eru-inv__pay.is-paid .eru-inv__dot {
	background: var(--tw-green);
	box-shadow: 0 0 0 3px rgba(46, 204, 113, .14);
}

.eru-inv__pay-system {
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-inv__pay-meta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 0;
	color: var(--tw-muted);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
}
.eru-inv__pay-id,
.eru-inv__pay-date {
	white-space: nowrap;
}

.eru-inv__pay-amount {
	font-size: 13px;
	font-weight: 600;
	color: var(--tw-muted);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.eru-inv__pay.is-paid .eru-inv__pay-amount {
	color: var(--tw-green);
}

.eru-inv__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 36px 20px;
	text-align: center;
}
.eru-inv__empty strong {
	font-size: 15px;
	font-weight: 600;
	color: var(--tw-text);
}
.eru-inv__empty span {
	font-size: 13px;
	color: var(--tw-muted);
}

.eru-inv__pager {
	margin-top: 16px;
	display: flex;
	justify-content: center;
}
.eru-inv__pager .pagination { margin: 0; }
.eru-inv__pager .page-link {
	background: var(--tw-card) !important;
	border-color: var(--tw-line) !important;
	color: var(--tw-text) !important;
	cursor: pointer;
}
.eru-inv__pager button.page-link {
	appearance: none;
	-webkit-appearance: none;
	font: inherit;
	line-height: inherit;
}
.eru-inv__pager .page-item.active .page-link {
	background: var(--tw-purple) !important;
	border-color: var(--tw-purple) !important;
}
.eru-inv__pager .page-link:hover {
	background: var(--tw-card-hover) !important;
}

@media (max-width: 576px) {
	.eru-inv__pay {
		grid-template-columns: 8px minmax(0, 1fr) auto;
		gap: 4px 10px;
		padding: 12px 16px;
	}
	.eru-inv__dot {
		grid-row: 1 / span 2;
		align-self: start;
		margin-top: 5px;
	}
	.eru-inv__pay-meta {
		justify-content: flex-start;
		grid-column: 2;
	}
	.eru-inv__pay-amount {
		grid-column: 3;
		grid-row: 1 / span 2;
		align-self: center;
	}
}

/* MCBE Host — Бонусные монеты */
.eru-tw-bonus {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-purple-soft: rgba(113, 119, 248, .14);
	--tw-gold: #f5c56b;
	--tw-line: rgba(255, 255, 255, .06);
}

.eru-tw-bonus#kt_content,
.eru-tw-bonus#kt_content .container,
.eru-tw-bonus#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-bonus {
	max-width: 760px;
	margin: 0 auto 48px;
}

.eru-bonus__head {
	margin-bottom: 20px;
}

.eru-bonus__title {
	margin: 0 0 8px !important;
	font-size: 22px !important;
	font-weight: 650 !important;
	color: var(--tw-text) !important;
	letter-spacing: -0.02em;
}

.eru-bonus__lede {
	margin: 0;
	font-size: 14px;
	color: var(--tw-muted);
	line-height: 1.5;
}

.eru-bonus__wallet {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	margin-bottom: 18px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(113, 119, 248, .16), rgba(245, 197, 107, .08));
	border: 1px solid rgba(113, 119, 248, .18);
}

.eru-bonus__wallet-label {
	display: block;
	font-size: 13px;
	color: var(--tw-muted);
	margin-bottom: 4px;
}

.eru-bonus__wallet-value {
	font-size: 28px;
	font-weight: 700;
	color: var(--tw-gold);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}

.eru-bonus__wallet-unit {
	font-size: 14px;
	font-weight: 500;
	color: var(--tw-muted);
	margin-left: 6px;
}

.eru-bonus__hint {
	margin: 0;
	font-size: 13px;
	color: var(--tw-muted);
	max-width: 280px;
	text-align: right;
	line-height: 1.45;
}

.eru-bonus__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 12px;
}

.eru-bonus__tier {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	border-radius: 16px;
	background: var(--tw-card);
	border: 1px solid var(--tw-line);
	transition: border-color .15s ease, transform .15s ease;
}

.eru-bonus__tier:hover {
	border-color: rgba(113, 119, 248, .28);
}

.eru-bonus__tier-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.eru-bonus__coins {
	font-size: 24px;
	font-weight: 700;
	color: var(--tw-text, #fff);
	letter-spacing: -0.02em;
}

.eru-bonus__coins-sub {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 500;
	color: var(--tw-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.eru-bonus__reward {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--tw-purple-soft);
	color: #c5c8ff;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.eru-bonus__tier-btn {
	width: 100%;
	min-height: 44px;
	border: 0;
	border-radius: 12px;
	background: var(--tw-purple);
	color: var(--tw-text, #fff);
	font-size: 14px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: background .15s ease, opacity .15s ease;
}

.eru-bonus__tier-btn:hover:not(:disabled) {
	background: #525aff;
}

.eru-bonus__tier-btn:disabled {
	opacity: .55;
	cursor: default;
}

.eru-bonus__tier.is-locked {
	opacity: .72;
}

@media (max-width: 575.98px) {
	.eru-bonus__wallet {
		flex-direction: column;
		align-items: flex-start;
	}
	.eru-bonus__hint {
		text-align: left;
		max-width: none;
	}
}

/* MCBE Host — настройки профиля (страница /account, в духе ИТД) */
.eru-tw-acc {
	--tw-page: #17212b;
	--acc-bg: #141a22;
	--acc-panel: #1a222c;
	--acc-field: #242f3d;
	--acc-field-hover: #2a3645;
	--acc-text: #fff;
	--acc-muted: #7f91a4;
	--acc-line: rgba(255, 255, 255, .08);
	--acc-accent: #7177f8;
	--acc-accent-soft: rgba(113, 119, 248, .16);
	--acc-plus: #3dd68c;
	--acc-minus: #f07178;
}

.eru-tw-acc#kt_content,
.eru-tw-acc#kt_content .container,
.eru-tw-acc#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-acc-settings {
	display: flex;
	min-height: 520px;
	background: var(--acc-bg);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
	position: relative;
	margin: 0 auto 48px;
}

.eru-acc-settings--page {
	max-width: 1040px;
	min-height: 640px;
	max-height: none;
}

.eru-acc-settings__aside {
	width: 240px;
	flex-shrink: 0;
	padding: 22px 14px 20px;
	border-right: 1px solid var(--acc-line);
	background: var(--acc-panel);
	display: flex;
	flex-direction: column;
}

.eru-acc-profile {
	padding: 4px 10px 18px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--acc-line);
}

.eru-acc-profile__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--acc-field);
	box-shadow: 0 0 0 3px var(--acc-accent-soft);
	margin-bottom: 12px;
}

.eru-acc-profile__name {
	font-size: 16px;
	font-weight: 700;
	color: var(--acc-text);
	line-height: 1.25;
	margin: 0 0 4px;
	word-break: break-word;
}

.eru-acc-profile__meta {
	font-size: 12px;
	color: var(--acc-muted);
	line-height: 1.35;
}

.eru-acc-settings__aside-title {
	margin: 16px 10px 12px;
	font-size: 18px;
	font-weight: 700;
	color: var(--acc-text);
	letter-spacing: -0.02em;
}

.eru-acc-settings__nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.eru-acc-settings__nav-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: none;
	border-radius: 10px;
	background: transparent;
	color: var(--acc-muted);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.eru-acc-settings__nav-btn:hover {
	color: var(--acc-text);
	background: var(--tw-hover-fill, rgba(255,255,255,.04));
}
.eru-acc-settings__nav-btn.is-active {
	background: var(--tw-hover-fill-strong, rgba(255,255,255,.08));
	color: var(--acc-text);
}

.eru-acc-quick {
	margin-top: auto;
	padding: 16px 10px 4px;
	border-top: 1px solid var(--acc-line);
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.eru-acc-quick a {
	display: block;
	font-size: 12px;
	color: var(--acc-muted) !important;
	text-decoration: none !important;
	padding: 4px 0;
	transition: color .15s ease;
}
.eru-acc-quick a:hover {
	color: var(--acc-text) !important;
}

.eru-acc-settings__main {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	background: var(--acc-bg);
}

.eru-acc-settings__main-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 22px 28px 14px;
}

.eru-acc-settings__main-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--acc-text);
}

.eru-acc-settings__body {
	flex: 1;
	overflow: auto;
	padding: 0 28px 28px;
}

.eru-acc-settings__panel {
	display: none;
}
.eru-acc-settings__panel.is-active {
	display: block;
}

.eru-acc-field {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
	gap: 16px 24px;
	align-items: center;
	padding: 18px 0;
	border-top: 1px solid var(--acc-line);
}
.eru-acc-field:first-child {
	border-top: none;
	padding-top: 6px;
}
.eru-acc-field--stack {
	grid-template-columns: 1fr;
	align-items: stretch;
}
.eru-acc-field--stack .eru-acc-field__control {
	max-width: none;
}

.eru-acc-field__label {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 600;
	color: var(--acc-text);
}
.eru-acc-field__hint {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: var(--acc-muted);
}

.eru-acc-field__control {
	width: 100%;
}

.eru-acc-input,
.eru-acc-textarea {
	width: 100%;
	border: none;
	border-radius: 12px;
	background: var(--acc-field);
	color: var(--acc-text);
	font-size: 14px;
	outline: none;
	transition: box-shadow .15s ease, background .15s ease;
}
.eru-acc-input {
	height: 42px;
	padding: 0 14px;
}
.eru-acc-textarea {
	min-height: 88px;
	padding: 12px 14px;
	resize: vertical;
}
.eru-acc-input:focus,
.eru-acc-textarea:focus {
	box-shadow: 0 0 0 3px var(--acc-accent-soft);
	background: var(--acc-field-hover);
}
.eru-acc-input:disabled,
.eru-acc-input[readonly] {
	opacity: .7;
	cursor: default;
}

.eru-acc-avatar-preview {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--acc-field);
	box-shadow: 0 0 0 3px var(--acc-accent-soft);
}

.eru-acc-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding-top: 18px;
	margin-top: 8px;
	border-top: 1px solid var(--acc-line);
}

.eru-acc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px;
	border-radius: 10px;
	border: none;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none !important;
	white-space: nowrap;
	transition: filter .15s ease, background .15s ease;
}
.eru-acc-btn--primary {
	background: var(--tw-btn-primary, var(--acc-accent));
	color: #fff !important;
}
.eru-acc-btn--primary:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff !important;
}
.eru-acc-btn--ghost {
	background: var(--acc-field);
	color: var(--acc-text) !important;
}
.eru-acc-btn--ghost:hover {
	background: var(--acc-field-hover);
	color: var(--acc-text) !important;
}
.eru-acc-btn:disabled {
	opacity: .65;
	cursor: wait;
}

.eru-acc-note {
	margin: 12px 0 0;
	padding: 12px 14px;
	border-radius: 12px;
	background: var(--acc-field);
	color: var(--acc-muted);
	font-size: 13px;
	line-height: 1.45;
}

.eru-acc-inline {
	display: flex;
	gap: 8px;
	align-items: center;
}
.eru-acc-inline .eru-acc-input {
	flex: 1;
	min-width: 0;
}
.eru-acc-inline .eru-acc-btn {
	flex-shrink: 0;
}

.eru-acc-list-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	border-top: 1px solid var(--acc-line);
}
.eru-acc-list-row:first-child {
	border-top: none;
}
.eru-acc-list-row span {
	font-size: 14px;
	font-weight: 500;
	color: var(--acc-text);
	line-height: 1.35;
}
.eru-acc-list-row em {
	font-style: normal;
	font-size: 12px;
	color: var(--acc-muted);
	text-align: right;
	line-height: 1.4;
	flex-shrink: 0;
}
.eru-acc-list-row em.is-plus { color: var(--acc-plus); }
.eru-acc-list-row em.is-minus { color: var(--acc-minus); }
.eru-acc-list-row a {
	color: var(--acc-accent) !important;
	text-decoration: none !important;
}
.eru-acc-list-row a:hover {
	text-decoration: underline !important;
}

.eru-acc-settings__nav-btn .eru-nav-icon {
	width: 18px;
	height: 18px;
	opacity: .85;
	color: inherit;
}
.eru-acc-settings__nav-btn .eru-nav-icon svg {
	width: 18px !important;
	height: 18px !important;
	display: block;
}

/* Avatar upload */
.eru-acc-avatar-card {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 6px 0 18px;
}
.eru-acc-avatar-card__preview {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: var(--acc-field) center/cover no-repeat;
	box-shadow: 0 0 0 3px var(--acc-accent-soft);
	flex-shrink: 0;
}
.eru-acc-avatar-card__info {
	min-width: 0;
}
.eru-acc-avatar-card__actions {
	margin-top: 12px;
}

.eru-acc-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 148px;
	padding: 24px 16px;
	border: 1.5px dashed rgba(127, 145, 164, .35);
	border-radius: 16px;
	background: var(--acc-field);
	color: var(--acc-muted);
	text-align: center;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.eru-acc-dropzone:hover,
.eru-acc-dropzone:focus {
	outline: none;
	border-color: rgba(127, 145, 164, .55);
	background: var(--acc-field-hover);
	color: var(--acc-text);
}
.eru-acc-dropzone.is-drag {
	outline: none;
	border-color: var(--acc-accent);
	border-style: solid;
	background: var(--acc-field-hover);
	color: var(--acc-text);
	box-shadow: inset 0 0 0 1px var(--acc-accent-soft);
}
.eru-acc-dropzone__icon {
	color: #7f91a4;
	margin-bottom: 4px;
}
.eru-acc-dropzone:hover .eru-acc-dropzone__icon,
.eru-acc-dropzone:focus .eru-acc-dropzone__icon,
.eru-acc-dropzone.is-drag .eru-acc-dropzone__icon {
	color: var(--acc-text);
}
.eru-acc-dropzone strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--acc-text);
}
.eru-acc-dropzone span {
	font-size: 12px;
	color: var(--acc-muted);
}

/* Crop modal */
body.eru-crop-open {
	overflow: hidden;
}
.eru-crop {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.eru-crop[hidden] {
	display: none !important;
}
.eru-crop__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 12, 18, .72);
}
.eru-crop__dialog {
	position: relative;
	width: min(480px, 100%);
	background: #1a222c;
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
	padding: 18px;
	z-index: 1;
}
.eru-crop__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.eru-crop__head h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--acc-text, #fff);
}
.eru-crop__x {
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 50%;
	background: var(--tw-hover-fill, rgba(255,255,255,.06));
	color: #8b9aab;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
.eru-crop__x:hover {
	background: var(--tw-hover-fill-strong, rgba(255,255,255,.1));
	color: var(--acc-text, #fff);
}
.eru-crop__stage {
	position: relative;
	height: 320px;
	border-radius: 14px;
	overflow: hidden;
	background: #0f141b;
	touch-action: none;
	user-select: none;
	cursor: grab;
}
.eru-crop__stage:active {
	cursor: grabbing;
}
.eru-crop__stage img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none !important;
	max-height: none !important;
	width: auto;
	height: auto;
	will-change: transform;
	pointer-events: none;
	opacity: 0;
	user-select: none;
	-webkit-user-drag: none;
}
.eru-crop__mask {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 230px;
	height: 230px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	box-shadow: 0 0 0 9999px rgba(8, 12, 18, .55);
	border: 2px solid rgba(113, 119, 248, .55);
	pointer-events: none;
}
.eru-crop__zoom {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 14px 0 4px;
	color: #8b9aab;
	font-size: 13px;
}
.eru-crop__zoom input[type=range] {
	flex: 1;
	accent-color: #7177f8;
}
.eru-crop__actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 14px;
}

/* Ops / logs feed */
.eru-acc-feed {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eru-acc-feed__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background: var(--acc-field);
}
.eru-acc-feed__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #7f91a4;
}
.eru-acc-feed__dot.is-plus { background: var(--acc-plus); box-shadow: 0 0 0 3px rgba(61, 214, 140, .16); }
.eru-acc-feed__dot.is-minus { background: var(--acc-minus); box-shadow: 0 0 0 3px rgba(240, 113, 120, .16); }
.eru-acc-feed__dot.is-warn { background: #f0b429; box-shadow: 0 0 0 3px rgba(240, 180, 41, .16); }
.eru-acc-feed__dot.is-muted { background: #5c6b7a; }
.eru-acc-feed__body {
	min-width: 0;
	flex: 1;
}
.eru-acc-feed__body strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--acc-text);
	line-height: 1.3;
}
.eru-acc-feed__body em {
	display: block;
	margin-top: 3px;
	font-style: normal;
	font-size: 12px;
	color: var(--acc-muted);
	line-height: 1.35;
}
.eru-acc-feed__amount {
	font-size: 14px;
	font-weight: 700;
	flex-shrink: 0;
}
.eru-acc-feed__amount.is-plus { color: var(--acc-plus); }
.eru-acc-feed__amount.is-minus { color: var(--acc-minus); }
.eru-acc-feed__badge {
	flex-shrink: 0;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: var(--tw-hover-fill, rgba(255,255,255,.06));
	color: var(--acc-muted);
}
.eru-acc-feed__badge.is-plus { background: rgba(61, 214, 140, .14); color: var(--acc-plus); }
.eru-acc-feed__badge.is-warn { background: rgba(240, 180, 41, .14); color: #f0b429; }
.eru-acc-feed__badge.is-muted { background: var(--tw-hover-fill, rgba(255,255,255,.06)); color: var(--acc-muted); }
.eru-acc-feed__action {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--acc-accent) !important;
	text-decoration: none !important;
}
.eru-acc-feed__action:hover {
	text-decoration: underline !important;
}

@media (max-width: 900px) {
	.eru-acc-settings--page {
		flex-direction: column;
		min-height: 0;
	}
	.eru-acc-settings__aside {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid var(--acc-line);
		padding: 16px 12px 12px;
	}
	.eru-acc-profile {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-bottom: 14px;
	}
	.eru-acc-profile__avatar {
		margin-bottom: 0;
		width: 48px;
		height: 48px;
	}
	.eru-acc-settings__aside-title {
		display: none;
	}
	.eru-acc-settings__nav {
		flex-direction: row;
		overflow-x: auto;
		gap: 6px;
		padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
	}
	.eru-acc-settings__nav-btn {
		width: auto;
		white-space: nowrap;
	}
	.eru-acc-quick {
		display: none;
	}
	.eru-acc-field {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.eru-acc-settings__body {
		padding: 0 16px 20px;
	}
	.eru-acc-settings__main-head {
		padding: 16px 16px 10px;
	}
	.eru-acc-list-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	.eru-acc-list-row em {
		text-align: left;
	}
	.eru-acc-avatar-card {
		flex-direction: column;
		align-items: flex-start;
	}
	.eru-crop__stage {
		height: 280px;
	}
}

/* Waste / expenses — table aligned with invoices */
.eru-tw-waste {
	max-width: 720px;
	margin: 0 auto 48px;
}

.eru-waste__title {
	margin: 0 0 18px;
	font-size: 22px;
	font-weight: 600;
	color: var(--tw-text, #fff);
	letter-spacing: -0.01em;
}

.eru-waste__card {
	background: var(--tw-card, #242f3d);
	border-radius: 12px;
	overflow: hidden;
}

.eru-waste__table {
	width: 100%;
	border-collapse: collapse;
}

.eru-waste__table th,
.eru-waste__table td {
	padding: 14px 18px;
	text-align: left;
	font-size: 13px;
	border-bottom: 1px solid var(--tw-line, rgba(255, 255, 255, 0.06));
}

.eru-waste__table th {
	font-weight: 600;
	color: var(--tw-muted, #7f91a4);
	font-size: 12px;
}

.eru-waste__table td {
	color: var(--tw-text, #fff);
	font-variant-numeric: tabular-nums;
}

.eru-waste__table tr:last-child td {
	border-bottom: none;
}

.eru-waste__table td.is-muted {
	color: var(--tw-muted, #7f91a4);
}

.eru-waste__empty {
	padding: 28px 18px;
	text-align: center;
	color: var(--tw-muted, #7f91a4);
	font-size: 14px;
}

/* Admin panel — AMOLED black */
.eru-tw-admin {
	--tw-page: #000000;
	--tw-sidebar: #000000;
	--tw-card: #0a0a0a;
	--tw-card-hover: #141414;
	--tw-field: #0f0f0f;
	--tw-text: #f2f2f2;
	--tw-muted: #8a8a8a;
	--tw-purple: #ffffff;
	--tw-purple-soft: rgba(255, 255, 255, 0.12);
	--tw-green: #2ecc71;
	--tw-red: #f04356;
	--tw-amber: #f5a524;
	--tw-line: rgba(255, 255, 255, 0.08);
	--adm-sidebar-w: 248px;
	--adm-topbar-h: 56px;
	--adm-btn-fg: #000000;
}

html.eru-tw-admin,
body.eru-tw-admin {
	background: var(--tw-page) !important;
	color: var(--tw-text);
	font-family: "Stem", Arial, sans-serif !important;
}

body.eru-tw-admin {
	margin: 0;
	min-height: 100vh;
}

/* Shell */
.eru-adm-shell {
	display: flex;
	min-height: 100vh;
	background: var(--tw-page);
}

.eru-adm-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--adm-sidebar-w);
	background: var(--tw-sidebar);
	display: flex;
	flex-direction: column;
	z-index: 1040;
	transition: transform .25s ease;
}

.eru-adm-sidebar__brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 18px 14px;
	text-decoration: none !important;
	flex-shrink: 0;
}

.eru-adm-sidebar__brand-word {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.02em;
}

.eru-adm-sidebar__brand-accent {
	color: #fff;
}

.eru-adm-sidebar__nav {
	flex: 1;
	overflow-y: auto;
	padding: 6px 10px 20px;
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,0.12) transparent;
}

.eru-adm-nav__group {
	margin-bottom: 14px;
}

.eru-adm-nav__label {
	display: block;
	padding: 8px 12px 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--tw-muted);
}

.eru-adm-nav__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 10px;
	color: var(--tw-muted) !important;
	text-decoration: none !important;
	font-size: 13.5px;
	font-weight: 520;
	transition: background .15s ease, color .15s ease;
	position: relative;
}

.eru-adm-nav__link:hover {
	background: rgba(255, 255, 255, 0.04);
	color: #e8eef7 !important;
}

.eru-adm-nav__link.is-active {
	background: var(--tw-purple-soft);
	color: #fff !important;
}

.eru-adm-nav__link.is-active .eru-adm-nav__icon {
	color: #fff;
}

.eru-adm-nav__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: inherit;
}

.eru-adm-nav__icon svg {
	width: 18px;
	height: 18px;
	display: block;
	transform-origin: center;
	transition: transform .2s ease;
}

.eru-adm-nav__icon.is-animating svg {
	animation: eru-adm-icon-tilt .45s ease;
}

@keyframes eru-adm-icon-tilt {
	0% { transform: rotate(0deg); }
	35% { transform: rotate(-12deg); }
	70% { transform: rotate(8deg); }
	100% { transform: rotate(0deg); }
}

.eru-adm__skel {
	background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.08) 37%, rgba(255,255,255,0.04) 63%);
	background-size: 400% 100%;
	animation: eru-adm-skel 1.2s ease infinite;
	border-radius: 8px;
	min-height: 14px;
}

@keyframes eru-adm-skel {
	0% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

.eru-adm-nav__badge {
	margin-left: auto;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #fff;
	color: #000;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.eru-adm-main {
	flex: 1;
	margin-left: var(--adm-sidebar-w);
	min-width: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.eru-adm-topbar {
	height: var(--adm-topbar-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 24px;
	background: var(--tw-page);
	position: sticky;
	top: 0;
	z-index: 100;
}

.eru-adm-topbar__left {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.eru-adm-topbar__menu {
	display: none;
	appearance: none;
	border: 0;
	background: var(--tw-card);
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.eru-adm-topbar__right {
	display: flex;
	align-items: center;
	gap: 8px;
}

.eru-adm-topbar__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 14px;
	border-radius: 10px;
	background: var(--tw-card);
	color: var(--tw-text) !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 560;
	border: 0;
	cursor: pointer;
	transition: background .15s ease;
}

.eru-adm-topbar__btn:hover {
	background: var(--tw-card-hover);
}

.eru-adm-topbar__btn svg {
	width: 18px;
	height: 18px;
}

.eru-adm-topbar__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--tw-card);
	display: block;
}

.eru-adm-content {
	flex: 1;
	padding: 8px 24px 48px;
}

.eru-adm-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1035;
}

body.eru-adm-sidebar-open .eru-adm-backdrop {
	display: block;
}

/* Page primitives */
.eru-adm {
	max-width: 1180px;
	margin: 0 auto;
}

.eru-adm__toolbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.eru-adm__title {
	margin: 0 !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em;
	color: #fff !important;
	line-height: 1.15 !important;
}

.eru-adm__subtitle {
	margin: 6px 0 0;
	font-size: 14px;
	color: var(--tw-muted);
}

.eru-adm__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.eru-adm__card {
	background: var(--tw-card);
	border-radius: 16px;
	padding: 20px 22px;
	margin-bottom: 14px;
}

.eru-adm__card--flush {
	padding: 0;
	overflow: hidden;
}

.eru-adm__card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.eru-adm__card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 650;
	color: #fff;
}

.eru-adm__kpis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 14px;
}

.eru-adm__kpi {
	background: var(--tw-card);
	border-radius: 16px;
	padding: 18px 18px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-decoration: none !important;
	color: inherit !important;
	transition: transform .18s ease, background .18s ease;
	min-width: 0;
}

a.eru-adm__kpi:hover {
	transform: translateY(-2px);
	background: var(--tw-card-hover);
}

.eru-adm__kpi-label {
	font-size: 12px;
	color: var(--tw-muted);
	font-weight: 520;
}

.eru-adm__kpi-value {
	font-size: 26px;
	font-weight: 720;
	color: #fff;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.eru-adm__kpi-hint {
	font-size: 12px;
	color: var(--tw-muted);
}

.eru-adm__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.eru-adm__quick {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.eru-adm__quick-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 14px;
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.16);
	color: var(--tw-text) !important;
	text-decoration: none !important;
	font-size: 13.5px;
	font-weight: 560;
	transition: background .15s ease;
}

.eru-adm__quick-link:hover {
	background: rgba(255, 255, 255, 0.1);
}

button.eru-adm__quick-link {
	width: 100%;
	border: 0;
	cursor: pointer;
	text-align: left;
	font: inherit;
	appearance: none;
	-webkit-appearance: none;
}
button.eru-adm__quick-link:disabled {
	opacity: .5;
	pointer-events: none;
}
.eru-adm__quick-link--danger {
	color: #ff8a96 !important;
}

.eru-adm__control {
	display: grid;
	grid-template-columns: minmax(240px, 280px) 1fr;
	gap: 14px;
	align-items: start;
}
.eru-adm__control-side,
.eru-adm__control-main {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}
.eru-adm__control-icon {
	font-size: 48px;
	margin-bottom: 12px;
	line-height: 1;
}
.eru-adm__skel {
	background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.1), rgba(255,255,255,0.04));
	background-size: 200% 100%;
	animation: eru-adm-skel 1.2s ease-in-out infinite;
	border-radius: 4px;
}
@keyframes eru-adm-skel {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

.eru-adm__modal-backdrop {
	position: fixed;
	inset: 0;
	z-index: 1200;
	background: rgba(0, 0, 0, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.eru-adm__modal {
	width: 100%;
	max-width: 480px;
	background: var(--tw-card, #1a1f27);
	border: 1px solid var(--tw-line, rgba(255,255,255,0.08));
	border-radius: 16px;
	padding: 18px;
}
.eru-adm__modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}
.eru-adm__modal-foot {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 8px;
}

/* Client server panel embedded in admin (keep amoled chrome) */
.eru-tw-admin .eru-adm--server-panel {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.eru-tw-admin .eru-adm--server-panel .eru-server-back {
	color: var(--tw-muted) !important;
}
.eru-tw-admin .eru-adm--server-panel .eru-control,
.eru-tw-admin .eru-adm--server-panel .eru-settings,
.eru-tw-admin .eru-adm--server-panel .eru-ftp-client {
	background: transparent;
}

.eru-adm__quick-link svg {
	width: 18px;
	height: 18px;
	color: #fff;
	flex-shrink: 0;
}

/* Buttons — soft white pill (Inter) */
.eru-adm__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	padding: 0 20px;
	border-radius: 16px;
	border: 1px solid transparent;
	background: var(--tw-card);
	color: var(--tw-text) !important;
	font-family: "Stem", Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
	white-space: nowrap;
	box-shadow: none;
}

.eru-adm__btn:hover {
	background: var(--tw-card-hover);
}

.eru-adm__btn--primary {
	background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
	border-color: #e0e0e0;
	color: #111111 !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(0, 0, 0, 0.06),
		0 2px 8px rgba(0, 0, 0, 0.1);
}

.eru-adm__btn--primary:hover {
	background: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
	border-color: #d6d6d6;
	color: #111111 !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(0, 0, 0, 0.08),
		0 3px 10px rgba(0, 0, 0, 0.12);
}

.eru-adm__btn--primary:active {
	background: linear-gradient(180deg, #f0f0f0 0%, #e8e8e8 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.eru-adm .table .eru-adm__btn--primary,
.eru-adm .table a.eru-adm__btn--primary,
.eru-adm__btn--in-table.eru-adm__btn--primary {
	color: #111111 !important;
}

.eru-adm__btn--primary .eru-nav-icon,
.eru-adm__btn--primary .eru-ci {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111111;
	flex-shrink: 0;
}

.eru-adm__btn--primary .eru-nav-icon svg,
.eru-adm__btn--primary .eru-ci svg {
	display: block;
	width: 16px;
	height: 16px;
	color: #111111;
}

.eru-adm__btn--primary:hover .eru-nav-icon,
.eru-adm__btn--primary:hover .eru-ci,
.eru-adm__btn--primary:hover .eru-nav-icon svg,
.eru-adm__btn--primary:hover .eru-ci svg {
	color: #000000;
}

.eru-adm__btn--danger {
	background: rgba(240, 67, 86, 0.16);
	color: #ff8a96 !important;
}

.eru-adm__btn--sm {
	height: 34px;
	padding: 0 14px;
	font-size: 13px;
	border-radius: 14px;
}

.eru-adm__draft-hint {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-size: 13px;
	color: var(--tw-muted);
}

.eru-adm__btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Forms */
.eru-adm__field {
	margin-bottom: 14px;
}

.eru-adm__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 550;
	color: var(--tw-muted);
}

.eru-adm__input,
.eru-adm__select,
.eru-adm__textarea,
.eru-adm .form-control {
	width: 100%;
	height: 42px;
	padding: 0 14px;
	border-radius: 10px;
	border: 0 !important;
	background: var(--tw-field) !important;
	color: var(--tw-text) !important;
	font-size: 14px;
	outline: none;
	box-shadow: none !important;
}

.eru-adm__textarea,
.eru-adm textarea.form-control {
	height: auto;
	min-height: 110px;
	padding: 12px 14px;
	resize: vertical;
}

.eru-adm__input:focus,
.eru-adm__select:focus,
.eru-adm__textarea:focus,
.eru-adm .form-control:focus {
	background: #161616 !important;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

.eru-adm__form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.eru-adm__form-actions {
	display: flex;
	gap: 8px;
	margin-top: 8px;
	flex-wrap: wrap;
}

/* Table */
.eru-adm__table-wrap {
	overflow-x: auto;
}

.eru-adm__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13.5px;
}

.eru-adm__table th {
	text-align: left;
	padding: 12px 16px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--tw-muted);
	background: rgba(0, 0, 0, 0.12);
	white-space: nowrap;
}

.eru-adm__table td {
	padding: 13px 16px;
	color: var(--tw-text);
	border-top: 1px solid var(--tw-line);
	vertical-align: middle;
}

.eru-adm__table tr:hover td {
	background: rgba(255, 255, 255, 0.02);
}

.eru-adm__table a {
	color: #fff !important;
	text-decoration: none !important;
}

.eru-adm__table a:hover {
	color: #ccc !important;
}

.eru-adm__mono {
	font-variant-numeric: tabular-nums;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12.5px;
	letter-spacing: 0.01em;
}

.eru-adm__table--servers {
	table-layout: fixed;
}
.eru-adm__table--servers th,
.eru-adm__table--servers td {
	padding: 12px 14px;
}
.eru-adm__table--servers th:nth-child(1),
.eru-adm__table--servers td:nth-child(1) {
	width: 72px;
}
.eru-adm__table--servers th:nth-child(2),
.eru-adm__table--servers td:nth-child(2) {
	width: 28%;
}
.eru-adm__table--servers th:nth-child(3),
.eru-adm__table--servers td:nth-child(3) {
	width: 26%;
}
.eru-adm__table--servers th:nth-child(4),
.eru-adm__table--servers td:nth-child(4) {
	width: 160px;
}
.eru-adm__table--servers th:nth-child(5),
.eru-adm__table--servers td:nth-child(5) {
	width: 148px;
	white-space: nowrap;
}

.eru-adm .table {
	color: var(--tw-text);
}

.eru-adm .table thead th {
	border: 0;
	color: var(--tw-muted);
	background: rgba(0, 0, 0, 0.12);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.eru-adm .table td,
.eru-adm .table th {
	border-color: var(--tw-line) !important;
	vertical-align: middle;
}

/* Badge */
.eru-adm__badge {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: 7px;
	font-size: 11px;
	font-weight: 650;
	letter-spacing: 0.02em;
	background: rgba(255, 255, 255, 0.06);
	color: var(--tw-muted);
	white-space: nowrap;
}

.eru-adm__badge--ok,
.eru-adm__badge--green { background: rgba(46, 204, 113, 0.14); color: #6ee7a8; }
.eru-adm__badge--warn,
.eru-adm__badge--amber { background: rgba(245, 165, 36, 0.14); color: #f5c56b; }
.eru-adm__badge--danger,
.eru-adm__badge--red { background: rgba(240, 67, 86, 0.14); color: #ff8a96; }
.eru-adm__badge--info,
.eru-adm__badge--purple { background: rgba(255, 255, 255, 0.12); color: #fff; }

/* Tabs */
.eru-adm__tabs {
	display: flex;
	gap: 2px;
	padding: 4px;
	background: var(--tw-card);
	border-radius: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.eru-adm__tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--tw-muted);
	padding: 8px 14px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 560;
	cursor: pointer;
	text-decoration: none !important;
}

.eru-adm__tab:hover { color: #e8eef7; }
.eru-adm__tab.is-active,
.eru-adm__tab.active {
	background: #fff;
	color: #000;
}

/* Empty / muted helpers */
.eru-adm__empty {
	padding: 40px 20px;
	text-align: center;
	color: var(--tw-muted);
	font-size: 14px;
}

.eru-adm__muted { color: var(--tw-muted) !important; }

/* Override Metronic content wrappers inside admin */
.eru-tw-admin #kt_content,
.eru-tw-admin .content,
.eru-tw-admin .container {
	background: transparent !important;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.eru-tw-admin .card.card-custom {
	background: var(--tw-card) !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 16px !important;
}

.eru-tw-admin .card.card-custom > .card-header {
	background: transparent !important;
	border: 0 !important;
	padding: 18px 20px 0 !important;
}

.eru-tw-admin .card.card-custom > .card-body {
	padding: 18px 20px 20px !important;
}

.eru-tw-admin .card-title,
.eru-tw-admin .text-dark,
.eru-tw-admin .text-dark-75 {
	color: #fff !important;
}

.eru-tw-admin .text-muted {
	color: var(--tw-muted) !important;
}

.eru-tw-admin .btn-primary {
	background: #fff !important;
	border: 0 !important;
	color: #000 !important;
}

.eru-tw-admin .btn-light-primary,
.eru-tw-admin .btn-light {
	background: rgba(255,255,255,0.08) !important;
	border: 0 !important;
	color: var(--tw-text) !important;
}

.eru-tw-admin .symbol-label {
	background: rgba(255,255,255,0.06) !important;
}

.eru-tw-admin .nav-tabs .nav-link {
	color: var(--tw-muted);
	border: 0 !important;
}
.eru-tw-admin .nav-tabs .nav-link.active {
	background: #fff !important;
	color: #000 !important;
	border-radius: 8px;
}

/* Profile dropdown */
.eru-adm-user {
	position: relative;
}

.eru-adm-user__menu {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	width: 220px;
	background: var(--tw-card);
	border-radius: 14px;
	padding: 8px;
	z-index: 1100;
	box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}

.eru-adm-user.is-open .eru-adm-user__menu {
	display: block;
}

.eru-adm-user__menu a {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	color: var(--tw-text) !important;
	text-decoration: none !important;
	font-size: 13px;
}

.eru-adm-user__menu a:hover {
	background: rgba(255,255,255,0.05);
}

.eru-adm-user__meta {
	padding: 10px 12px 12px;
	border-bottom: 1px solid var(--tw-line);
	margin-bottom: 6px;
}

.eru-adm-user__name {
	font-weight: 650;
	color: #fff;
	font-size: 14px;
}

.eru-adm-user__email {
	font-size: 12px;
	color: var(--tw-muted);
	margin-top: 2px;
	word-break: break-all;
}

/* Server action buttons — same as client management */
.eru-adm__acts {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.eru-tw-admin .eru-act {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	border: 0;
	background: #fff;
	color: #6b7785 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, opacity .15s ease;
	vertical-align: middle;
}

.eru-tw-admin .eru-act i { font-size: 14px; line-height: 1; }

.eru-tw-admin .eru-act:hover {
	background: #f0f2f5;
	color: #111 !important;
}

.eru-tw-admin .eru-act--stop,
.eru-tw-admin .eru-act--danger {
	background: #4a1520;
	color: #fff !important;
}

.eru-tw-admin .eru-act--stop:hover,
.eru-tw-admin .eru-act--danger:hover {
	background: #5c1c28;
	color: #fff !important;
}

.eru-tw-admin .eru-act--ghost {
	background: transparent;
	color: #8a8a8a !important;
}

.eru-tw-admin .eru-act--ghost:hover {
	background: transparent;
	color: #5eb0ff !important;
}

.eru-tw-admin .eru-act--primary {
	background: #fff;
	color: #111 !important;
}
.eru-tw-admin .eru-act--primary:hover {
	background: #e8e8e8;
	color: #000 !important;
}

.eru-tw-admin .eru-act.is-disabled {
	opacity: .35;
	pointer-events: none;
}

/* Admin server panel quick acts — match client chrome (not white list buttons) */
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: transparent !important;
	color: #9aa8b8 !important;
}
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act:hover,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act--stop,
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act--danger,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act--stop,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act--danger,
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act--ghost,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act--ghost {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.12);
	color: #9aa8b8 !important;
}
.eru-tw-admin .eru-adm--server-panel .eru-server-chrome__quick .eru-act--ghost:hover,
.eru-tw-admin .eru-adm--server-panel .eru-control__quick .eru-act--ghost:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}

/* Primary action pills: white bg needs dark text (amoled --tw-purple is white) */
.eru-tw-admin .eru-adm--server-panel .eru-action--primary {
	background: #ffffff !important;
	color: #111111 !important;
}
.eru-tw-admin .eru-adm--server-panel .eru-action--primary .eru-action__icon,
.eru-tw-admin .eru-adm--server-panel .eru-action--primary .eru-action__icon svg,
.eru-tw-admin .eru-adm--server-panel .eru-action--primary .eru-action__label {
	color: #111111 !important;
	stroke: #111111;
}
.eru-tw-admin .eru-adm--server-panel .eru-action--primary:hover {
	background: #e8e8e8 !important;
	color: #000000 !important;
}

/* Tickets: full-bleed to content edges */
.eru-tw-admin .eru-adm:has(.eru-sc),
.eru-tw-admin .eru-adm--wide {
	max-width: none;
	width: 100%;
	margin: 0;
}

.eru-tw-admin .eru-adm-content:has(.eru-sc) {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 8px;
}

/* React shell: tickets iframe fills viewport under topbar */
.eru-tw-admin .eru-adm-content--tickets {
	padding: 8px 16px 0 !important;
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.eru-tw-admin .eru-adm-content--tickets .eru-adm-embed-stage--tickets {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	background: #000;
}

.eru-tw-admin .eru-adm-content--tickets .eru-adm-legacy-frame {
	flex: 1;
	min-height: 0 !important;
	height: 100% !important;
}

@media (max-width: 767.98px) {
	/* Hide admin chrome while a ticket chat is open (more room for chat) */
	.eru-tw-admin .eru-adm-main:has(.eru-sc--view) {
		--adm-topbar-h: 0px;
	}

	.eru-tw-admin .eru-adm-main:has(.eru-sc--view) > .eru-adm-topbar {
		display: none !important;
	}

	/* Tickets chat: fill viewport under topbar (same flex chain as client PageFrame) */
	html.eru-ticket-vv-sync.eru-tw-admin body {
		overflow: hidden;
		overscroll-behavior: none;
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.eru-tw-admin .eru-adm-main:has(.eru-sc--view) {
		position: fixed;
		top: var(--eru-vv-offset, 0px);
		left: 0;
		right: 0;
		width: 100%;
		height: var(--eru-vvh, 100dvh);
		max-height: var(--eru-vvh, 100dvh);
		min-height: 0;
		overflow: hidden;
		z-index: 2;
		box-sizing: border-box;
	}

	html.eru-ticket-vv-sync.eru-adm-embed,
	html.eru-ticket-vv-sync.eru-adm-embed body {
		height: var(--eru-vvh, 100%) !important;
		max-height: var(--eru-vvh, 100%) !important;
	}

	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		padding: 0 !important;
	}

	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) > .eru-adm--wide {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		width: 100%;
	}

	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) .eru-sc {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		width: 100%;
	}

	/* Full-bleed composer: no side padding on tickets shell */
	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) .eru-sc__back,
	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) .eru-sc__chat-head,
	.eru-tw-admin .eru-adm-content--tickets:has(.eru-sc--view) .eru-sc__chat-body {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 1199.98px) {
	.eru-adm__kpis { grid-template-columns: repeat(2, 1fr); }
	.eru-adm__quick { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 991.98px) {
	.eru-adm-sidebar {
		transform: translateX(-105%);
	}
	body.eru-adm-sidebar-open .eru-adm-sidebar {
		transform: none;
	}
	.eru-adm-main {
		margin-left: 0;
	}
	.eru-adm-topbar__menu {
		display: inline-flex;
	}
	.eru-adm-content {
		padding: 8px 14px 40px;
	}
	.eru-adm__grid,
	.eru-adm__form-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	.eru-adm__kpis,
	.eru-adm__quick {
		grid-template-columns: 1fr;
	}
	.eru-adm__title {
		font-size: 24px !important;
	}
}

/* —— Admin AMOLED toasts (override client #242f3d cards) —— */
.eru-tw-admin #toast-container.toast-top-right {
	top: 64px;
	right: 16px;
}
.eru-tw-admin #toast-container > div,
.eru-tw-admin #toast-container > .toast-success,
.eru-tw-admin #toast-container > .toast-error,
.eru-tw-admin #toast-container > .toast-warning,
.eru-tw-admin #toast-container > .toast-info {
	background-color: #0a0a0a !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.65) !important;
	color: #f2f2f2 !important;
	border-radius: 14px !important;
}
.eru-tw-admin #toast-container > div:hover {
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.75) !important;
	background-color: #111111 !important;
}
.eru-tw-admin #toast-container > div .toast-title {
	color: #ffffff !important;
}
.eru-tw-admin #toast-container > div .toast-message {
	color: #c8c8c8 !important;
}
.eru-tw-admin #toast-container > div .toast-close-button {
	color: #8a8a8a !important;
}
.eru-tw-admin #toast-container > div .toast-close-button:hover {
	color: #ffffff !important;
}
.eru-tw-admin #toast-container > .toast-success::before {
	background-color: rgba(46, 204, 113, 0.18) !important;
}
.eru-tw-admin #toast-container > .toast-error::before {
	background-color: rgba(240, 67, 86, 0.18) !important;
}
.eru-tw-admin #toast-container > .toast-warning::before {
	background-color: rgba(245, 165, 36, 0.18) !important;
}
.eru-tw-admin #toast-container > .toast-info::before {
	background-color: rgba(255, 255, 255, 0.1) !important;
}
.eru-tw-admin #toast-container .toast-progress {
	background: rgba(255, 255, 255, 0.22) !important;
}
.eru-tw-admin #toast-container > .toast-success .toast-progress {
	background: #2ecc71 !important;
}
.eru-tw-admin #toast-container > .toast-error .toast-progress {
	background: #f04356 !important;
}
.eru-tw-admin #toast-container > .toast-warning .toast-progress {
	background: #f5a524 !important;
}
.eru-tw-admin #toast-container > .toast-info .toast-progress {
	background: #ffffff !important;
}

/* MCBE Host — Новости */
.eru-tw-news {
	--tw-page: #17212b;
	--tw-card: #242f3d;
	--tw-text: #fff;
	--tw-muted: #7f91a4;
	--tw-purple: #7177f8;
	--tw-line: rgba(255, 255, 255, .06);
}

.eru-tw-news#kt_content,
.eru-tw-news#kt_content .container,
.eru-tw-news#kt_content .d-flex.flex-column-fluid {
	background: var(--tw-page) !important;
	background-color: var(--tw-page) !important;
}

.eru-news {
	max-width: 760px;
	margin: 0 auto 48px;
}

.eru-news__title {
	margin: 0 0 8px !important;
	font-size: 22px !important;
	font-weight: 650 !important;
	color: var(--tw-text) !important;
}

.eru-news__lede {
	margin: 0 0 20px;
	font-size: 14px;
	color: var(--tw-muted);
}

.eru-news__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.eru-news__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 14px;
	background: var(--tw-card);
	border: 0;
	text-decoration: none !important;
	color: inherit;
	transition: background .15s ease;
}

.eru-news__item:hover {
	background: #2a3645;
}

.eru-news__item--skel {
	cursor: default;
}

.eru-news__cover--skel,
.eru-news-view__cover--skel {
	display: block;
	overflow: hidden;
	border-radius: 12px;
	line-height: 0;
}

.eru-news-view__cover--skel {
	margin-bottom: 16px;
	border-radius: 14px;
}

.eru-spa-skel .eru-skel-avatar,
.eru-news-comments__avatar.eru-skel-avatar {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #3d4f61;
	background-image: linear-gradient(90deg, #3d4f61 0%, #5a6f84 40%, #3d4f61 80%);
	background-size: 220% 100%;
	animation: eru-skel-shine 1.25s ease-in-out infinite;
}

.eru-news-comments__item--reply .eru-news-comments__avatar.eru-skel-avatar {
	width: 28px;
	height: 28px;
}

.eru-news__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-top: 2px;
	border-radius: 12px;
	background: rgba(113, 119, 248, .12);
	color: #a8adff;
	flex-shrink: 0;
}
.eru-news__icon .eru-news-svg {
	display: block;
	flex-shrink: 0;
}

.eru-news__body {
	flex: 1;
	min-width: 0;
}

.eru-news__item-title {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 1.35;
}

.eru-news__cover {
	display: block;
	width: 100%;
	max-width: 280px;
	height: 152px;
	margin-bottom: 12px;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(145deg, #1b2530 0%, #151d26 100%);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.eru-news__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.eru-news__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: #9aa8b8;
}

.eru-news__read {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #a8adff;
	transition: color .15s ease;
}

.eru-news__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--tw-muted);
}
.eru-news__item:hover .eru-news__read {
	color: #c5c8ff;
}

.eru-news__meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.eru-news__meta .eru-news-svg {
	color: var(--tw-muted);
	flex-shrink: 0;
}

.eru-news__chev {
	color: #7f91a4;
	flex-shrink: 0;
	font-size: 16px;
	transition: color .15s ease, transform .15s ease;
}
.eru-news__item:hover .eru-news__chev {
	color: #a8adff;
	transform: translateX(2px);
}

.eru-news__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	padding: 48px 24px;
	border-radius: 16px;
	background: var(--tw-card);
	border: 1px dashed rgba(255, 255, 255, .08);
}

.eru-news__empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(113, 119, 248, .12);
	color: #a8adff;
	font-size: 24px;
}

.eru-news__empty-title {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
}

.eru-news__empty-text {
	margin: 0;
	max-width: 360px;
	font-size: 14px;
	color: var(--tw-muted);
	line-height: 1.5;
}

/* Mobile: edge-to-edge list with dividers, no cards */
@media (max-width: 767.98px) {
	.eru-tw-news#kt_content .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.eru-news {
		margin-bottom: 32px;
	}

	.eru-news__title,
	.eru-news__lede {
		padding-left: 16px;
		padding-right: 16px;
	}

	.eru-news__list {
		gap: 0;
	}

	.eru-news__item,
	.eru-news__item--skel {
		border-radius: 0;
		background: transparent;
		padding: 16px;
		border-bottom: 1px solid var(--tw-line);
	}

	.eru-news__item:hover {
		background: rgba(255, 255, 255, 0.03);
	}

	.eru-news__item:last-child,
	.eru-news__item--skel:last-child {
		border-bottom: 0;
	}

	.eru-news__empty {
		margin: 0 16px;
		border-radius: 12px;
	}

	.eru-news__cover {
		max-width: none;
		height: 160px;
		border-radius: 10px;
	}

	/* Article view — flat, full-bleed */
	.eru-news-view {
		margin-bottom: 32px;
	}

	.eru-news-view__back {
		margin: 0 0 14px;
		padding: 0 16px;
	}

	.eru-news-view__card {
		padding: 0 16px 20px;
		border-radius: 0;
		background: transparent;
		border: 0;
	}

	.eru-news-view__cover {
		margin: 0 -16px 16px;
		border-radius: 0;
	}

	.eru-news-view__cover img {
		max-height: 220px;
	}

	.eru-news-view__title {
		font-size: 22px;
	}

	.eru-news-view__meta {
		margin-bottom: 18px;
		padding-bottom: 14px;
	}

	.eru-news-view__reactions {
		margin-top: 16px;
		padding-top: 14px;
	}

	.eru-news-comments {
		margin: 20px 0 32px;
		padding: 0 16px;
	}

	.eru-news-comments__bubble {
		max-width: none;
	}
}

.eru-news-view {
	max-width: 760px;
	margin: 0 auto 48px;
}

.eru-news-view__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tw-muted) !important;
	text-decoration: none !important;
}

.eru-news-view__back:hover {
	color: #fff !important;
}

.eru-news-view__card {
	padding: 22px 24px;
	border-radius: 16px;
	background: var(--tw-card);
	border: 1px solid var(--tw-line);
}

.eru-news-view__cover {
	margin: -6px -6px 18px;
	border-radius: 12px;
	overflow: hidden;
	background: #1b2530;
}

.eru-news-view__cover img {
	display: block;
	width: 100%;
	max-height: 360px;
	object-fit: cover;
}

.eru-news-view__title {
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.eru-news-view__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--tw-line);
	font-size: 13px;
	color: var(--tw-muted);
}
.eru-news-view__meta > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.eru-news-view__meta .eru-news-svg {
	color: var(--tw-muted);
	flex-shrink: 0;
}

.eru-news-article,
.eru-news-article p,
.eru-news-article li,
.eru-news-article span,
.eru-news-article div {
	color: rgba(255, 255, 255, .88) !important;
	font-size: 15px;
	line-height: 1.65;
}

.eru-news-article a {
	color: #9aa3ff !important;
	text-decoration: underline;
}

.eru-news-article h1,
.eru-news-article h2,
.eru-news-article h3,
.eru-news-article h4 {
	color: #fff !important;
	margin: 1.2em 0 .6em;
	line-height: 1.3;
}

.eru-news-article img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.eru-news-article blockquote {
	margin: 1em 0;
	padding: 12px 16px;
	border-left: 3px solid var(--tw-purple);
	background: rgba(113, 119, 248, .08);
	border-radius: 0 10px 10px 0;
}

.eru-news-article pre,
.eru-news-article code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.eru-news-article pre {
	padding: 14px;
	border-radius: 10px;
	background: #1b2530;
	overflow: auto;
}

/* Комментарии — layout как в iSpring Learn (knowledge-base), тёмная тема */
.eru-news-comments {
	--nc-subdued: rgba(255, 255, 255, 0.06);
	--nc-surface: #1b2530;
	--nc-text: #e8eef5;
	--nc-muted: #7f91a4;
	--nc-tertiary: #99a2ad;
	--nc-border: rgba(255, 255, 255, 0.1);
	--nc-accent: #7177f8;
	--nc-radius: 12px;
	width: 100%;
	max-width: 760px;
	margin: 28px auto 48px;
}

.eru-news-comments__header {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.eru-news-comments__title {
	margin: 0 8px 0 0;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
}

.eru-news-comments__count {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: var(--nc-tertiary);
}

.eru-news-comments__composer {
	display: flex;
	align-items: flex-start;
	margin-bottom: 32px;
}

.eru-news-comments__composer--compact {
	margin-bottom: 0;
}

.eru-news-comments__composer-main {
	flex: 1;
	min-width: 0;
}

.eru-news-comments__avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--nc-surface);
	flex-shrink: 0;
	margin-top: 2px;
	margin-right: 8px;
}

.eru-news-comments__item--reply .eru-news-comments__avatar {
	width: 32px;
	height: 32px;
}

.eru-news-comments__textarea-wrap {
	box-sizing: border-box;
	border-radius: var(--nc-radius);
	background: var(--nc-subdued);
	border: 2px solid transparent;
	padding: 1px 8px 1px 14px;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
	overflow: visible;
}

.eru-news-comments__textarea-wrap:focus-within {
	background: var(--nc-surface);
	border-color: var(--nc-accent);
	box-shadow: none;
}

.eru-news-comments__textarea-wrap.has-value:not(:focus-within) {
	background: var(--nc-surface);
	box-shadow: 0 0 0 1px var(--nc-border);
	border-color: transparent;
}

.eru-news-comments__textarea-row {
	display: flex;
	align-items: flex-end;
	min-height: 34px;
	position: relative;
}

.eru-news-comments__textarea {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	resize: none;
	outline: none;
	font: 15px/20px inherit;
	color: var(--nc-text);
	margin: 7px 0;
	padding: 0;
	max-height: 120px;
	overflow-y: auto;
	font-family: inherit;
}

.eru-news-comments__textarea::placeholder {
	color: var(--nc-muted);
}

.eru-news-comments__textarea:disabled {
	opacity: .6;
}

.eru-news-comments__send {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 1px 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--nc-accent);
	cursor: pointer;
	padding: 0;
}

.eru-news-comments__send svg {
	width: 18px;
	height: 18px;
}

.eru-news-comments__send:disabled {
	color: #5a6570;
	cursor: default;
}

.eru-news-comments__send:hover:not(:disabled) {
	background: rgba(113, 119, 248, .12);
}

.eru-news-comments__toolbar {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 0;
	margin-left: 4px;
	position: relative;
	z-index: 2;
}

.eru-news-comments__emoji-wrap {
	position: relative;
}

.eru-news-comments__emoji-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 1px 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--nc-muted);
	cursor: pointer;
	padding: 0;
}

.eru-news-comments__emoji-btn:hover,
.eru-news-comments__emoji-btn.is-open {
	color: #fff;
	background: rgba(255, 255, 255, .06);
}

.eru-news-comments__emoji-btn:disabled {
	opacity: .45;
	cursor: default;
}

.eru-news-comments__emoji-panel {
	position: fixed;
	z-index: 1200;
	width: 300px;
}

/* Emoji picker panel — как в knowledge-base / скрин */
.eru-emoji-picker {
	width: 300px;
	height: 308px;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	background: #fff;
	color: #323537;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .28), 0 0 0 1px rgba(50, 53, 55, .06);
	overflow: hidden;
	font-family: inherit;
}

.eru-emoji-picker__search {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 8px 0;
	padding: 0 10px;
	height: 36px;
	border-radius: 10px;
	border: 1.5px solid #2bb7c7;
	background: #fff;
	box-sizing: border-box;
	flex-shrink: 0;
}

.eru-emoji-picker__search:focus-within {
	border-color: #1fa8b8;
	box-shadow: 0 0 0 2px rgba(43, 183, 199, .18);
}

.eru-emoji-picker__search-icon {
	display: inline-flex;
	color: #99a2ad;
	flex-shrink: 0;
}

.eru-emoji-picker__search-input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	font: 14px/20px inherit;
	color: #323537;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}

.eru-emoji-picker__search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.eru-emoji-picker__search-input::placeholder {
	color: #99a2ad;
}

.eru-emoji-picker__tabs {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	padding: 2px 8px 0;
	border-bottom: 1px solid #e7e8ea;
	flex-shrink: 0;
	overflow: hidden;
}

.eru-emoji-picker__tab {
	appearance: none;
	border: 0;
	background: transparent;
	flex: 1 1 0;
	min-width: 0;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	opacity: .45;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 0;
	color: #6d7885;
}

.eru-emoji-picker__tab.is-active {
	opacity: 1;
	border-bottom-color: #2bb7c7;
}

.eru-emoji-picker__tab:hover {
	opacity: 1;
}

.eru-emoji-picker__body {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 4px 8px 6px;
	scrollbar-width: thin;
	scrollbar-color: #dce1e6 transparent;
}

.eru-emoji-picker__body::-webkit-scrollbar {
	width: 6px;
}

.eru-emoji-picker__body::-webkit-scrollbar-thumb {
	background: #dce1e6;
	border-radius: 6px;
}

.eru-emoji-picker__body::-webkit-scrollbar-track {
	margin: 2px 0 8px;
	background: transparent;
}

.eru-emoji-picker__section-title {
	font: 13px/16px inherit;
	font-weight: 400;
	color: #99a2ad;
	padding: 12px 6px 4px;
	height: 32px;
	box-sizing: border-box;
}

.eru-emoji-picker__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 2px 0;
	width: 100%;
}

.eru-emoji-picker__emoji {
	appearance: none;
	border: 0;
	background: transparent;
	box-sizing: content-box;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1;
	border-radius: 10px;
	cursor: pointer;
	padding: 0;
}

.eru-emoji-picker__emoji > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
}

.eru-emoji-picker__emoji:hover {
	background: rgba(50, 53, 55, .06);
}

.eru-emoji-picker__empty {
	font: 13px/16px inherit;
	color: #99a2ad;
	padding: 12px;
}

.eru-news-comments__cancel {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	margin-top: 8px;
	margin-left: 8px;
	font-size: 13px;
	line-height: 16px;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__cancel:hover {
	color: #fff;
}

.eru-news-comments__list {
	width: 100%;
	max-width: 720px;
}

.eru-news-comments__loading {
	font-size: 14px;
	color: var(--nc-muted);
	padding: 8px 0;
}

.eru-news-comments__item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
}

.eru-news-comments__body {
	flex: 1;
	min-width: 0;
}

.eru-news-comments__bubble {
	box-sizing: border-box;
	border-radius: var(--nc-radius);
	background: var(--nc-subdued);
	width: 100%;
	max-width: 676px;
	padding: 12px 16px;
	position: relative;
}

.eru-news-comments__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 4px;
}

.eru-news-comments__author {
	font: 500 15px/20px inherit;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-news-comments__date {
	flex-shrink: 0;
	margin-left: 8px;
	font: 13px/16px inherit;
	color: var(--nc-muted);
}

.eru-news-comments__parent {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 1;
	min-width: 0;
	margin: 0 4px;
	font: 13px/16px inherit;
	color: var(--nc-muted);
}

.eru-news-comments__parent svg {
	flex-shrink: 0;
}

.eru-news-comments__parent span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eru-news-comments__text {
	margin: 0;
	font: 15px/20px inherit;
	color: var(--nc-text);
	white-space: pre-line;
	word-break: break-word;
	max-width: 644px;
}

.eru-news-comments__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
	margin-left: 8px;
	width: 100%;
	max-width: 676px;
}

.eru-news-comments__footer-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
}

.eru-news-comments__footer-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
}

.eru-news-comments__action {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0 8px;
	font: 15px/20px inherit;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__action:hover {
	color: #fff;
}

.eru-news-comments__owner-actions {
	display: none;
	align-items: center;
	gap: 0;
}

.eru-news-comments__item:hover .eru-news-comments__owner-actions,
.eru-news-comments__item:focus-within .eru-news-comments__owner-actions {
	display: inline-flex;
}

.eru-news-comments__action--danger:hover {
	color: #ff7b8a;
}

.eru-news-comments__edit-box {
	margin-bottom: 4px;
}

.eru-news-comments__replies-toggle {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 4px 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 15px/20px inherit;
	font-family: inherit;
	color: var(--nc-muted);
	cursor: pointer;
}

.eru-news-comments__replies-toggle:hover {
	color: #fff;
}

.eru-news-comments__replies-arrow {
	display: inline-flex;
	color: inherit;
	flex-shrink: 0;
}

.eru-news-comments__replies-count {
	font-weight: 650;
	color: inherit;
}

/* Shared reaction bar (news + comments) */
.eru-news-reactions {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 8px;
	flex-shrink: 0;
}

.eru-news-view__reactions {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.eru-news-view__reactions .eru-news-reactions {
	margin-left: 0;
}

.eru-news-reactions__summary {
	display: flex;
	align-items: center;
	gap: 4px;
}

.eru-news-reactions__total {
	font: 13px/16px inherit;
	color: var(--nc-muted);
	margin-right: 2px;
}

.eru-news-reactions__icons {
	display: flex;
	align-items: center;
}

.eru-news-reactions__mini {
	display: inline-flex;
	width: 18px;
	height: 18px;
	margin-left: -4px;
}

.eru-news-reactions__mini:first-child {
	margin-left: 0;
}

.eru-news-reactions__mini svg {
	width: 18px;
	height: 18px;
	display: block;
}

.eru-news-reactions__wrap {
	position: relative;
}

.eru-news-reactions__picker {
	position: absolute;
	right: 0;
	bottom: 100%;
	padding-bottom: 10px; /* hit-area bridge — панель не пропадает при наведении */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity .16s ease, transform .18s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .16s;
	z-index: 20;
}

.eru-news-reactions__picker.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity .16s ease, transform .18s cubic-bezier(.22, 1, .36, 1), visibility 0s;
}

.eru-news-reactions__picker-inner {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 6px 8px;
	border-radius: 999px;
	background: #1f2733;
	border: 1px solid rgba(255, 255, 255, .08);
}

.eru-news-reactions__opt {
	appearance: none;
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	padding: 2px;
	border-radius: 50%;
	cursor: pointer;
	line-height: 0;
	transform: scale(1);
	transition: transform .22s cubic-bezier(.22, 1, .36, 1);
}

.eru-news-reactions__opt:hover,
.eru-news-reactions__opt:focus,
.eru-news-reactions__opt:focus-visible,
.eru-news-reactions__opt.is-selected {
	background: transparent;
	outline: none;
	box-shadow: none;
	transform: scale(1.22);
}

.eru-news-reactions__opt-icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
}

.eru-news-reactions__opt-icon svg {
	width: 28px;
	height: 28px;
	display: block;
}

.eru-news-reactions__btn {
	--reaction-counter-color: var(--nc-muted);
	appearance: none;
	border: 0;
	background: transparent;
	outline: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 8px;
	font: 500 13px/16px inherit;
	font-family: inherit;
	color: var(--reaction-counter-color);
	cursor: pointer;
	border-radius: 8px;
}

.eru-news-reactions__btn:hover {
	color: #fff;
}

.eru-news-reactions__btn.is-selected {
	color: var(--reaction-counter-color);
}

.eru-news-reactions__btn--pink {
	--reaction-counter-color: #ff6b9d;
}

.eru-news-reactions__btn--yellow {
	--reaction-counter-color: #eea811;
}

.eru-news-reactions__btn--orange {
	--reaction-counter-color: #e2422c;
}

.eru-news-reactions__btn-icon {
	display: inline-flex;
	width: 15px;
	height: 15px;
}

.eru-news-reactions__btn-icon svg {
	width: 15px;
	height: 15px;
	display: block;
}

.eru-news-comments__replies {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
}

.eru-news-comments__replies-list {
	flex-basis: 100%;
	min-width: 0;
}

.eru-news-comments__reply-composer {
	margin-top: 8px;
}

/* MCBE Host home — Timeweb surfaces + atmosphere */
html:has(.eru-home) {
	scroll-behavior: smooth;
}

#tariffs,
#games,
#news,
#faq,
#reviews {
	scroll-margin-top: 96px;
}

.eru-home {
	--home-page: #17212b;
	--home-panel: #242f3d;
	--home-panel-2: #1b2530;
	--home-text: #ffffff;
	--home-muted: #7f91a4;
	--home-accent: #7177f8;
	--home-accent-soft: rgba(113, 119, 248, 0.18);
	font-family: "Stem", Arial, sans-serif;
	max-width: 1100px;
	margin: 0 auto;
	padding: 4px 0 32px;
}

.eru-home__hello {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--home-muted);
	letter-spacing: 0.01em;
}

.eru-home__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
	gap: 8px 20px;
	align-items: center;
	min-height: clamp(280px, 32vh, 360px);
	padding: 32px 30px;
	border-radius: 20px;
	overflow: hidden;
	background:
		radial-gradient(900px 280px at 85% 20%, rgba(113, 119, 248, 0.22), transparent 55%),
		radial-gradient(700px 240px at 10% 90%, rgba(46, 204, 113, 0.08), transparent 50%),
		linear-gradient(145deg, #2a3648 0%, var(--home-panel) 45%, #1e2836 100%);
	margin-bottom: 20px;
}

.eru-home__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(ellipse at 70% 40%, #000 20%, transparent 70%);
	pointer-events: none;
	opacity: 0.55;
}

.eru-home__hero-copy {
	position: relative;
	z-index: 1;
	max-width: 520px;
}

.eru-home__brand {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--home-text, #fff);
}
.eru-home__brand span {
	color: var(--home-accent);
	font-weight: 700;
}

.eru-home__title {
	margin: 0 0 8px;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.035em;
	color: var(--home-text);
}

.eru-home__lead {
	margin: 0 0 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.55;
	color: var(--home-muted);
	max-width: 440px;
}

.eru-home__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.eru-home__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 24px;
	border-radius: 14px;
	background: var(--home-accent);
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	border: 0;
	box-shadow: 0 10px 28px rgba(113, 119, 248, 0.28);
	transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.eru-home__cta:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(113, 119, 248, 0.36);
}

.eru-home__link {
	font-size: 14px;
	font-weight: 600;
	color: var(--home-muted) !important;
	text-decoration: none !important;
	transition: color .15s ease;
}
.eru-home__link:hover {
	color: var(--home-text, #fff) !important;
}

.eru-home__hero-art {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eru-home__hero-art img {
	width: min(100%, 420px);
	height: auto;
	max-height: 320px;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.35));
	animation: eruHomeFloat 5.5s ease-in-out infinite;
	will-change: transform;
}

.eru-home__features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 20px;
}

.eru-home__feature {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 20px 18px;
	border-radius: 16px;
	background: var(--home-panel);
	transition: background .18s ease, transform .18s ease;
}
.eru-home__feature:hover {
	background: #2a3645;
	transform: translateY(-2px);
}

.eru-home__feature-icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--home-accent-soft, rgba(113, 119, 248, 0.14));
	color: var(--home-icon, #a8adff);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.eru-home__feature-icon svg,
.eru-home__feature-icon .eru-ci svg {
	width: 22px;
	height: 22px;
	display: block;
}
.eru-home__feature-icon .eru-ci {
	width: 22px;
	height: 22px;
	color: inherit;
}
.eru-home__feature-icon .eru-ci svg {
	fill: none;
}
.eru-home__feature-icon .eru-ci svg [fill="currentColor"] {
	fill: currentColor;
}
.eru-home__feature-icon .eru-ci svg [stroke="currentColor"] {
	stroke: currentColor;
}

.eru-home__feature-title {
	margin: 2px 0 6px;
	font-size: 15px;
	font-weight: 700;
	color: var(--home-text, #fff);
	letter-spacing: -0.01em;
}

.eru-home__feature-text {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--home-muted);
}

/* entrance */
.eru-home__anim {
	opacity: 0;
	transform: translateY(12px);
	animation: eruHomeIn .72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.eru-home__anim--1 { animation-delay: .05s; }
.eru-home__anim--2 { animation-delay: .12s; }
.eru-home__anim--3 { animation-delay: .22s; }
.eru-home__anim--4 { animation-delay: .3s; }
.eru-home__anim--5 { animation-delay: .38s; }

@keyframes eruHomeIn {
	to { opacity: 1; transform: translateY(0); }
}
@keyframes eruHomeFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

.eru-home__scroll-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 100;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: #1b2530;
	color: var(--home-text, #fff);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition:
		opacity .28s ease,
		transform .28s ease,
		visibility .28s ease,
		background .15s ease,
		color .15s ease;
}
.eru-home__scroll-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}
.eru-home__scroll-top:hover {
	background: #242f3d;
	color: #c8cdff;
}
.eru-home__scroll-top:focus-visible {
	outline: 2px solid rgba(113, 119, 248, 0.55);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	html:has(.eru-home) {
		scroll-behavior: auto;
	}
	.eru-home__anim,
	.eru-home__hero-art img {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
	.eru-home__scroll-top {
		transition: none;
	}
}

@media (max-width: 991.98px) {
	.eru-home__hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 28px 22px 24px;
		text-align: left;
	}
	.eru-home__hero-art {
		order: -1;
	}
	.eru-home__hero-art img {
		width: min(100%, 280px);
	}
	.eru-home__features {
		grid-template-columns: 1fr;
	}
	.eru-home__title {
		font-size: 28px;
	}
}

/* Stats */
.eru-home__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 20px;
}
.eru-home__stat {
	padding: 18px 16px;
	border-radius: 14px;
	background: var(--home-panel);
	box-sizing: border-box;
}
.eru-home__stat:not(:has(.eru-home__feature-icon)) {
	text-align: center;
}
.eru-home__stat:has(.eru-home__feature-icon) {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 88px;
}
.eru-home__stat .eru-home__feature-icon {
	flex-shrink: 0;
}
.eru-home__stat-body {
	min-width: 0;
}
.eru-home__stat strong {
	display: block;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--home-text, #fff);
	line-height: 1.15;
}
.eru-home__stat span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--home-muted);
	line-height: 1.35;
}

/* Sections */
.eru-home__section {
	margin-top: 24px;
}
.eru-home__section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}
.eru-home__section-title {
	margin: 0 0 4px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--home-text, #fff);
}
.eru-home__section-lead {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--home-muted);
}
.eru-home__section-link {
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--home-accent) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.eru-home__section-link:hover {
	color: #9aa0ff !important;
}
.eru-home__empty {
	margin: 0;
	padding: 24px;
	border-radius: 16px;
	background: var(--home-panel);
	color: var(--home-muted);
	font-size: 14px;
	font-weight: 500;
}

/* Games */
.eru-home__games {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.eru-home__game {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 14px;
	background: var(--home-panel);
	text-decoration: none !important;
	color: inherit !important;
	transition: background .15s ease, transform .15s ease;
}
.eru-home__game:hover {
	background: #2a3645;
	transform: translateY(-1px);
}
.eru-home__game-mark {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--home-accent-soft);
	color: #c5c8ff;
	font-size: 16px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.eru-home__game-body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.eru-home__game-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--home-text, #fff);
	letter-spacing: -0.01em;
}
.eru-home__game-meta {
	font-size: 12px;
	font-weight: 500;
	color: var(--home-muted);
}
.eru-home__game-go {
	flex-shrink: 0;
	color: var(--home-muted);
	font-size: 16px;
	font-weight: 600;
	opacity: .7;
}
.eru-home__game:hover .eru-home__game-go {
	color: var(--home-text, #fff);
	opacity: 1;
}

/* Steps */
.eru-home__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.eru-home__step {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 20px 18px;
	border-radius: 16px;
	background: var(--home-panel);
}
.eru-home__step-num {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--home-accent-soft);
	color: #c5c8ff;
	font-size: 14px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.eru-home__step strong {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--home-text, #fff);
}
.eru-home__step p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--home-muted);
}

/* News */
.eru-home__news {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.eru-home__news-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 16px;
	border-radius: 16px;
	background: var(--home-panel);
	text-decoration: none !important;
	color: inherit !important;
	transition: background .15s ease, transform .15s ease;
	min-height: 140px;
}
.eru-home__news-item:hover {
	background: #2a3645;
	transform: translateY(-1px);
}
.eru-home__news-item time {
	font-size: 12px;
	font-weight: 600;
	color: var(--home-muted);
}
.eru-home__news-item strong {
	font-size: 15px;
	font-weight: 700;
	color: var(--home-text, #fff);
	letter-spacing: -0.01em;
	line-height: 1.35;
}
.eru-home__news-item span {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--home-muted);
}

/* Bottom CTA */
.eru-home__cta-band {
	margin-top: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 28px 28px;
	border-radius: 20px;
	background:
		radial-gradient(600px 180px at 90% 50%, rgba(113, 119, 248, 0.22), transparent 55%),
		linear-gradient(135deg, #2a3648 0%, var(--home-panel) 55%, #1e2836 100%);
}
.eru-home__cta-band-title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #fff;
}
.eru-home__cta-band-text {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--home-muted);
	max-width: 480px;
}

.eru-home__anim--6 { animation-delay: .38s; }
.eru-home__anim--7 { animation-delay: .44s; }
.eru-home__anim--8 { animation-delay: .5s; }
.eru-home__anim--9 { animation-delay: .56s; }
.eru-home__anim--10 { animation-delay: .62s; }
.eru-home__anim--11 { animation-delay: .68s; }
.eru-home__anim--12 { animation-delay: .74s; }

/* Reviews */
.eru-home__reviews {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}
.eru-home__review {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 18px 16px;
	border-radius: 16px;
	background: var(--home-panel);
	min-height: 170px;
}
.eru-home__review-top {
	display: grid;
	grid-template-columns: 36px 1fr auto;
	gap: 10px;
	align-items: center;
}
.eru-home__review-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--home-accent-soft);
	color: #c5c8ff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 14px;
}
.eru-home__review-name {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--home-text, #fff);
	line-height: 1.2;
}
.eru-home__review-game {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 500;
	color: var(--home-muted);
}
.eru-home__review-stars {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	white-space: nowrap;
}
.eru-home__review-star {
	display: inline-flex;
	width: 16px;
	height: 15px;
	color: #3a4558;
}
.eru-home__review-star svg {
	width: 16px;
	height: 15px;
	display: block;
}
.eru-home__review-star.is-on {
	color: #ffbc05;
}
.eru-home__review-text {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
	color: var(--home-muted);
}

/* FAQ on home */
.eru-home__faq {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eru-home__faq-item {
	border-radius: 14px;
	background: var(--home-panel);
	overflow: hidden;
}
.eru-home__faq-q {
	width: 100%;
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--home-text, #fff);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px;
	text-align: left;
	font-size: 15px;
	font-weight: 650;
	cursor: pointer;
	font-family: inherit;
}
.eru-home__faq-q:hover { background: var(--tw-hover-fill, rgba(255,255,255,.02)); }
.eru-home__faq-chev {
	flex-shrink: 0;
	color: var(--home-muted);
	transition: transform .2s ease;
}
.eru-home__faq-item.is-open .eru-home__faq-chev { transform: rotate(180deg); color: var(--home-text, #fff); }
.eru-home__faq-a {
	display: none;
	padding: 0 18px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
	color: var(--home-muted);
}
.eru-home__faq-item.is-open .eru-home__faq-a { display: block; }
.eru-home__faq-a p { margin: 0; }

/* Site footer */
.eru-site-footer {
	margin-top: 8px;
	padding: 40px 0 28px;
	background: #121820;
	border-top: 1px solid rgba(255,255,255,.06);
	font-family: "Stem", Arial, sans-serif;
}
.eru-site-footer__inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 16px 28px;
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr);
	gap: 32px;
}
.eru-site-footer__logo {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	font-size: 18px;
	font-weight: 800;
	color: var(--home-text, #fff) !important;
	text-decoration: none !important;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
}
.eru-site-footer__logo span { color: #7177f8; }
.eru-site-footer__tag {
	margin: 0;
	max-width: 320px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
	color: #7f91a4;
}
.eru-site-footer__cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.eru-site-footer__label {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #7f91a4;
}
.eru-site-footer__col a {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 560;
	color: #e8eef4 !important;
	text-decoration: none !important;
}
.eru-site-footer__col a:hover { color: var(--home-text, #fff) !important; }
.eru-site-footer__bottom {
	max-width: 1100px;
	margin: 0 auto;
	padding: 18px 16px 0;
	border-top: 1px solid rgba(255,255,255,.06);
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	font-size: 12px;
	font-weight: 500;
	color: #7f91a4;
}

@media (max-width: 991.98px) {
	.eru-home__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.eru-home__games,
	.eru-home__steps,
	.eru-home__news,
	.eru-home__reviews {
		grid-template-columns: 1fr;
	}
	.eru-home__section-head {
		align-items: flex-start;
		flex-direction: column;
	}
	.eru-home__cta-band {
		flex-direction: column;
		align-items: flex-start;
		padding: 22px;
	}
	.eru-site-footer__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.eru-site-footer__cols {
		grid-template-columns: 1fr 1fr;
	}
}

/* Tariffs */
.eru-home__tariffs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
}
.eru-home__tariff {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 24px 22px 20px;
	border-radius: 16px;
	background: #242f3d;
	color: inherit;
	text-decoration: none !important;
	border: 1.6px solid #242f3d;
	transition: border-color .15s ease;
	overflow: visible;
}
.eru-home__tariff:hover {
	border-color: var(--home-accent, #7177f8);
}
.eru-home__tariff.is-featured {
	border-color: var(--home-accent, #7177f8);
}
.eru-home__tariff-badge {
	position: absolute;
	top: 0;
	left: 16px;
	transform: translateY(0);
	padding: 3px 8px;
	border-radius: 0 0 8px 8px;
	background: var(--home-accent, #7177f8);
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
}
.eru-home__tariff-top {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-right: 12px;
	min-height: 44px;
}
.eru-home__tariff.is-featured .eru-home__tariff-top {
	padding-top: 8px;
}
.eru-home__tariff-name {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--home-tariff-name, #a8b0ff);
}
.eru-home__tariff-hint {
	font-size: 13px;
	font-weight: 500;
	color: var(--home-muted, #7f91a4);
	line-height: 1.35;
}
.eru-home__tariff-price {
	display: flex;
	align-items: baseline;
	gap: 4px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--home-text, #fff);
	line-height: 1;
}
.eru-home__tariff-price small {
	font-size: 13px;
	font-weight: 500;
	color: var(--home-muted, #7f91a4);
	opacity: 1;
	letter-spacing: 0;
}
.eru-home__tariff-specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}
.eru-home__tariff-specs > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 10px 6px;
	border-radius: 12px;
	background: var(--home-spec-bg, #1b2530);
	border: none;
	font-size: 11px;
	font-weight: 500;
	color: var(--home-spec-muted, #7f91a4);
	text-align: center;
	line-height: 1.2;
}
.eru-home__tariff-specs b {
	font-size: 15px;
	font-weight: 700;
	color: var(--home-spec-text, #fff);
	letter-spacing: -0.02em;
}
.eru-home__tariff-list {
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.eru-home__tariff-list li {
	position: relative;
	padding: 5px 0 5px 18px;
	font-size: 13px;
	font-weight: 500;
	color: var(--home-muted, #c5d0dc);
	line-height: 1.35;
}
.eru-home__tariff-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--home-accent, #7177f8);
}
.eru-home__tariff-cta {
	margin-top: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 20px;
	border-radius: 999px;
	border: 0;
	background: #7177f8;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	transition: background .15s ease;
}
.eru-home__tariff:hover .eru-home__tariff-cta,
.eru-home__tariff-cta:hover {
	background: var(--tw-btn-primary-hover, #525aff);
	color: #fff;
}
.eru-home__tariff.is-featured .eru-home__tariff-cta {
	background: var(--tw-btn-primary, #7177f8);
	color: #fff;
}
.eru-home__tariff.is-featured:hover .eru-home__tariff-cta {
	background: var(--tw-btn-primary-hover, #525aff);
}
.eru-home__test-cta {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: 16px;
	row-gap: 2px;
	align-items: center;
	margin-top: 14px;
	padding: 18px 22px;
	border-radius: 12px;
	border: 1.6px dashed rgba(113,119,248,.45);
	background: #242f3d;
	text-decoration: none !important;
	color: inherit;
	transition: border-color .15s ease;
}
.eru-home__test-cta:hover {
	border-color: #7177f8;
}
.eru-home__test-cta__badge {
	grid-row: 1 / span 2;
	align-self: center;
	padding: 3px 8px;
	border-radius: 0 0 8px 8px;
	background: #7177f8;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
}
.eru-home__test-cta strong {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.eru-home__test-cta > span:last-child {
	font-size: 13px;
	font-weight: 500;
	color: #7f91a4;
}

@media (max-width: 991.98px) {
	.eru-home__tariffs {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 575.98px) {
	.eru-home__tariffs {
		grid-template-columns: 1fr;
	}
	.eru-home__tariff-top {
		padding-right: 0;
		min-height: 0;
	}
	.eru-home__test-cta {
		grid-template-columns: 1fr;
		row-gap: 8px;
	}
	.eru-home__test-cta__badge {
		grid-row: auto;
		justify-self: start;
		border-radius: 8px;
	}
}

@media (max-width: 1199.98px) and (min-width: 992px) {
	.eru-home__reviews {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.eru-site-footer__cols {
		grid-template-columns: 1fr;
	}
	.eru-home__scroll-top {
		right: 16px;
		bottom: 20px;
		width: 40px;
		height: 40px;
	}
}

/* Mobile: edge-to-edge, flat sections (like news) */
@media (max-width: 767.98px) {
	.eru-tw-home#kt_content.eru-spa-page,
	.eru-spa-page.eru-tw-home {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.eru-tw-home#kt_content .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.eru-home {
		padding: 0 0 24px;
	}

	.eru-home__hello {
		display: none;
	}

	.eru-home__hero {
		grid-template-columns: 1fr;
		min-height: 0;
		margin: 0;
		padding: 12px 16px 24px;
		border-radius: 0;
		text-align: left;
	}

	.eru-home__hero-art {
		order: -1;
		margin-bottom: 4px;
	}

	.eru-home__hero-art img {
		width: min(100%, 240px);
		max-height: 180px;
	}

	.eru-home__title {
		font-size: 26px;
	}

	.eru-home__lead {
		max-width: none;
	}

	.eru-home__actions {
		gap: 12px;
	}

	.eru-home__cta {
		height: 46px;
		padding: 0 20px;
		border-radius: 12px;
		box-shadow: none;
	}

	.eru-home__stats {
		grid-template-columns: 1fr 1fr;
		gap: 0;
		margin: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.06);
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-home__stat {
		border-radius: 0;
		background: transparent;
		padding: 14px 16px;
		min-height: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-home__stat:nth-child(odd) {
		border-right: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-home__stat:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.eru-home__features {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 0;
	}

	.eru-home__feature {
		border-radius: 0;
		background: transparent;
		padding: 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		transform: none !important;
	}

	.eru-home__feature:hover {
		background: var(--tw-hover-fill, rgba(255,255,255,0.03));
		transform: none;
	}

	.eru-home__feature:last-child {
		border-bottom: 0;
	}

	.eru-home__section {
		margin-top: 20px;
		padding: 0 16px;
	}

	.eru-home__section-title {
		font-size: 20px;
	}

	.eru-home__games,
	.eru-home__steps,
	.eru-home__news,
	.eru-home__reviews {
		grid-template-columns: 1fr;
		gap: 0;
		margin-left: -16px;
		margin-right: -16px;
	}

	.eru-home__game,
	.eru-home__step,
	.eru-home__news-item,
	.eru-home__review {
		border-radius: 0;
		background: transparent;
		padding: 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		min-height: 0;
		transform: none !important;
	}

	.eru-home__game:hover,
	.eru-home__news-item:hover {
		background: var(--tw-hover-fill, rgba(255,255,255,0.03));
		transform: none;
	}

	.eru-home__game:last-child,
	.eru-home__step:last-child,
	.eru-home__news-item:last-child,
	.eru-home__review:last-child {
		border-bottom: 0;
	}

	.eru-home__tariffs {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.eru-home__tariff {
		border-radius: 14px;
	}

	.eru-home__test-cta {
		border-radius: 12px;
	}

	.eru-home__cta-band {
		margin: 24px 0 0;
		padding: 24px 16px;
		border-radius: 0;
		flex-direction: column;
		align-items: flex-start;
	}

	.eru-home__faq {
		gap: 0;
		margin-left: -16px;
		margin-right: -16px;
	}

	.eru-home__faq-item {
		border-radius: 0;
		background: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.eru-home__faq-item:last-child {
		border-bottom: 0;
	}

	.eru-home__faq-q {
		padding: 16px;
	}

	.eru-home__faq-a {
		padding: 0 16px 16px;
	}

	.eru-home__empty {
		border-radius: 12px;
		margin: 0;
	}

	.eru-site-footer__inner,
	.eru-site-footer__bottom {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* MCBE Host — Status page (eru tokens, no Metronic cards) */
.eru-tw-status {
	--st-card: var(--tw-card, #242f3d);
	--st-muted: var(--tw-muted, #7f91a4);
	--st-text: var(--tw-text, #fff);
	--st-line: var(--tw-line, rgba(255, 255, 255, 0.08));
	--st-accent: var(--tw-purple, #7177f8);
	--st-accent-soft: var(--tw-purple-soft, rgba(113, 119, 248, 0.16));
}

.eru-status {
	max-width: 1080px;
	margin: 0 auto 48px;
}

.eru-status__title {
	margin: 0 0 18px;
	font-size: 22px;
	font-weight: 600;
	color: var(--st-text);
	letter-spacing: -0.01em;
}

.eru-status__kpis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.eru-status__kpi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 16px;
	border-radius: 14px;
	background: var(--st-card);
}

.eru-status__kpi-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--st-accent-soft);
	color: var(--st-accent);
	flex-shrink: 0;
}

.eru-status__kpi-icon i {
	font-size: 18px;
	line-height: 1;
}

.eru-status__kpi-body {
	text-align: right;
	min-width: 0;
}

.eru-status__kpi-value {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: var(--st-text);
	line-height: 1.15;
}

.eru-status__kpi-label {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--st-muted);
}

.eru-status__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.eru-status__card {
	padding: 18px 16px 20px;
	border-radius: 14px;
	background: var(--st-card);
}

.eru-status__card-title {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	color: var(--st-text);
}

.eru-status__card-meta {
	margin: 0 0 16px;
	font-size: 12px;
	color: var(--st-muted);
}

.eru-status__bars {
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
	gap: 10px;
	min-height: 140px;
	padding-top: 8px;
	border-top: 1px solid var(--st-line);
}

.eru-status__bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1;
	max-width: 72px;
}

.eru-status__bar-track {
	width: 36px;
	height: 120px;
	border-radius: 8px 8px 4px 4px;
	background: rgba(255, 255, 255, 0.06);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}

.eru-status__bar-fill {
	width: 100%;
	border-radius: 8px 8px 0 0;
	background: var(--st-accent);
	min-height: 2px;
	transition: height 0.2s ease;
}

.eru-status__bar-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--st-muted);
}

@media (max-width: 991.98px) {
	.eru-status__kpis,
	.eru-status__grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.eru-status__kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}


/*# sourceMappingURL=main.37eb0ebf.css.map*/