/* _content/SupplierPortal/Components/Chat/ChatWindow.razor.rz.scp.css */
@media (max-width: 768px) {
	.chat-container[b-k3xoc8ri7j] {
		width: 100%;
	}

	.chat-toggle-btn[b-k3xoc8ri7j] {
		right: 20px;
	}
}

.chat-container[b-k3xoc8ri7j] {
	width: 400px;
	background: #ffffff;
	height: 80vh;
	position: fixed;
	right: 0;
	top: 10vh;
	transition: transform 0.3s;
	overflow-y: auto;
	z-index: 9999;
}

.chat-container.collapsed[b-k3xoc8ri7j] {
	transform: translateX(100%);
}

.chat-toggle-btn[b-k3xoc8ri7j] {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	transition: right 0.3s;
}

.chat-toggle-btn.collapsed[b-k3xoc8ri7j] {
	right: 20px;
}

.sidebar-header[b-k3xoc8ri7j] {
	border-bottom: 1px solid #e5e7eb;
}

.chat-header-container[b-k3xoc8ri7j] {
	height: 5%;
}

.chat-body-container[b-k3xoc8ri7j] {
	height: 80%;
}

.chat-input-container[b-k3xoc8ri7j] {
	height: 10%;
}