/* PixelChat plugin panel styles */
.features-plugin-item--pixelchat {
	background-image:
		linear-gradient(
			to right,
			rgba(18, 18, 24, 0.97) 0%,
			rgba(18, 18, 24, 0.9) 32%,
			rgba(18, 18, 24, 0.55) 52%,
			rgba(18, 18, 24, 0.18) 72%,
			rgba(18, 18, 24, 0.06) 100%
		),
		url('../../assets/pixelchat.png');
	background-size: cover, cover;
	background-position: 0 0, center bottom;
}
.pixelchat-avatar-token-tool {
	margin: 0.6rem 0 0.7rem;
	padding: 0.6rem 0.65rem;
	border: 1px solid var(--panel-border-strong);
	border-radius: var(--radius);
	background: rgba(0,0,0,0.18);
}
.pixelchat-avatar-token-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin: 0.35rem 0 0.25rem;
}
.pixelchat-avatar-token-row input[type="text"] {
	min-width: 180px;
	max-width: 320px;
}
.pixelchat-avatar-token-output {
	margin: 0.35rem 0 0;
	font-size: 0.82rem;
	color: var(--text-muted);
	word-break: break-all;
}
.pixelchat-top-block {
	margin-bottom: 0.5rem;
}
.pixelchat-settings-raid .hint {
	margin: 0.25rem 0 0;
	font-size: 0.82rem;
	line-height: 1.35;
}
.pixelchat-link-builder {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 0.6rem;
}
.pixelchat-link-builder input[type="text"] {
	min-width: 180px;
	max-width: 320px;
}
.pixelchat-url-preview {
	margin: 0 0 0.6rem;
	font-size: 0.82rem;
	color: var(--text-muted);
	word-break: break-all;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.pixelchat-vis-btn {
	padding: 0.25rem 0.75rem;
	border: 1px solid var(--panel-border-strong, #3a3060);
	border-radius: 5px;
	background: var(--panel-bg, #1a1630);
	color: var(--text-muted, #aaa);
	cursor: pointer;
	font-size: 0.85rem;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.pixelchat-vis-btn:hover {
	background: var(--panel-hover, #232040);
	color: var(--text-default, #e0ddf8);
	border-color: var(--c-acc, #7c6af7);
}
.pixelchat-vis-btn.active {
	background: var(--c-acc, #7c6af7);
	color: #fff;
	border-color: var(--c-acc, #7c6af7);
	font-weight: 600;
}
.pixelchat-barkeeper-preview-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.6rem;
}
.pixelchat-barkeeper-preview {
	width: 64px;
	height: 64px;
	border: 1px solid var(--panel-border-strong);
	border-radius: 6px;
	background: rgba(255,255,255,0.04) url('../../assets/bar_bg.png') center center / cover no-repeat;
	object-fit: contain;
	image-rendering: pixelated;
}
.pixelchat-barkeeper-upload-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 0.35rem;
}