.kodo-chat-page {
    min-height: 100dvh;
	/* height: 100dvh !important; */
	display: flex;
	flex-direction: column;
}

.kodo-chat-page-header {
	position: sticky;
    top: 0px;
    z-index: 20;
	flex: 0 0 auto;
	height: 5rem; /* h-20 */
	display: flex;
	align-items: center;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1.5rem; /* pt-6 */

	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	border-bottom: 1px solid rgb(243, 244, 246); /* border-gray-100 */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

	z-index: 40;
	transition: all 0.2s ease;
}

.kodo-chat-page-header .close-btn-holder {
	display: flex;
	align-items: center;
}

.kodo-chat-page-header .kodo-create-profile-panel-close-btn-holder {
	display: inline-flex;
}
.kodo-chat-page-header .kodo-create-profile-panel-close-btn {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0.5rem;

	color: rgb(75, 85, 99); /* text-gray-600 */
	border-radius: 9999px;

	transition: transform 0.1s ease, background 0.2s ease, color 0.2s ease;
}

.kodo-chat-page-header .kodo-create-profile-panel-close-btn:hover {
	color: rgb(217, 119, 6); /* amber-600 */
	background: rgb(243, 244, 246); /* gray-100 */
}

.kodo-chat-page-header .kodo-create-profile-panel-close-btn:active {
	transform: scale(0.95);
}

.kodo-chat-page-header .kodo-create-profile-panel-close-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.kodo-chat-page-header #kodo_main_wrapper_main_content_item_kodo_view_chat_page_4_header_header_text {
	margin-left: 0.75rem;

	font-weight: 700;
	font-size: 1.125rem; /* text-lg */
	line-height: 1;

	color: rgb(31, 41, 55); /* text-gray-800 */
}