#ai_chat_root,
#ai_chat_root *{
	box-sizing:border-box;
}

.ai_chat_root{
	position:relative;
	z-index:9998;
}

/* ==================================== */
/*           floating button            */
/* ==================================== */

.ai_chat_floating_button{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
	display:inline-flex;
	align-items:center;
	gap:12px;
	min-width:108px;
	height:58px;
	padding:0 16px 0 14px;
	border:none;
	border-radius:18px;
	background:linear-gradient(135deg, #18b77f 0%, #109f75 55%, #0f8f73 100%);
	box-shadow:
		0 18px 44px rgba(15,159,115,0.28),
		inset 0 1px 0 rgba(255,255,255,0.20);
	cursor:pointer;
	color:#fff;
	overflow:hidden;
}

.ai_chat_floating_button_glow{
	position:absolute;
	top:-26px;
	left:-8px;
	width:82px;
	height:82px;
	border-radius:50%;
	background:rgba(255,255,255,0.13);
	filter:blur(4px);
	pointer-events:none;
}

.ai_chat_floating_button_icon{
	position:relative;
	z-index:1;
	width:30px;
	height:30px;
	flex:0 0 30px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	background:rgba(255,255,255,0.13);
	border:1px solid rgba(255,255,255,0.18);
}

.ai_chat_floating_button_icon img{
	display:block;
	width:22px;
	height:22px;
	object-fit:contain;
}

.ai_chat_floating_button_text_box{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	line-height:1;
}

.ai_chat_floating_button_label{
	font-size:10px;
	font-weight:800;
	letter-spacing:0.14em;
	opacity:.84;
	margin-bottom:5px;
}

.ai_chat_floating_button_text{
	font-size:22px;
	font-weight:900;
	letter-spacing:-0.03em;
	white-space:nowrap;
}

/* ==================================== */
/*               overlay                */
/* ==================================== */

.ai_chat_overlay{
	position:fixed;
	inset:0;
	background:rgba(15, 23, 42, 0.34);
	opacity:0;
	pointer-events:none;
	transition:opacity .22s ease;
	z-index:9998;
}

.ai_chat_root.is_open .ai_chat_overlay{
	opacity:1;
	pointer-events:auto;
}

/* ==================================== */
/*                panel                 */
/* ==================================== */

.ai_chat_panel{
	position:fixed;
	right:20px;
	bottom:90px;
	width:420px;
	height:min(760px, calc(100vh - 120px));
	background:
		radial-gradient(circle at top left, rgba(19,178,126,0.07), transparent 28%),
		linear-gradient(180deg, #fbfcfc 0%, #f7f9f8 100%);
	border:1px solid #dde9e2;
	border-radius:30px;
	box-shadow:0 28px 80px rgba(16,24,40,0.18);
	overflow:hidden;
	transform:translateY(24px) scale(.98);
	opacity:0;
	pointer-events:none;
	transition:transform .24s ease, opacity .24s ease;
	z-index:9999;
	display:flex;
	flex-direction:column;
}

.ai_chat_root.is_open .ai_chat_panel{
	transform:translateY(0) scale(1);
	opacity:1;
	pointer-events:auto;
}

.ai_chat_panel_inner{
	position:relative;
	flex:1 1 auto;
	min-height:0;
	overflow:hidden;
}

.ai_chat_screen{
	position:absolute;
	inset:0;
	padding:18px 18px 14px 18px;
	display:none;
	flex-direction:column;
	min-height:0;
}

.ai_chat_screen.is_active{
	display:flex;
}

/* 홈은 상단 고정 + 하단만 스크롤 */
.ai_chat_screen_home{
	overflow:hidden;
	padding-bottom:0;
}

/* 설정은 기존처럼 전체 스크롤 */
.ai_chat_screen_settings{
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-width:none;
	-ms-overflow-style:none;
}

.ai_chat_screen_settings::-webkit-scrollbar{
	width:0;
	height:0;
	display:none;
}

/* 챗방은 기존처럼 내부 메시지 영역만 스크롤 */
.ai_chat_screen_room{
	overflow:hidden;
}

/* ==================================== */
/*               header                 */
/* ==================================== */

.ai_chat_panel_header{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-bottom:16px;
}

.ai_chat_panel_header_title{
	font-size:27px;
	line-height:1.15;
	font-weight:900;
	letter-spacing:-0.05em;
	color:#152033;
}

.ai_chat_icon_button{
	width:40px;
	height:40px;
	border:none;
	border-radius:14px;
	background:#ffffff;
	border:1px solid #e4ece7;
	color:#111827;
	font-size:21px;
	font-weight:900;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 40px;
	box-shadow:0 6px 18px rgba(15, 23, 42, 0.05);
}

/* ==================================== */
/*         home sticky / scroll         */
/* ==================================== */

.ai_chat_home_sticky_top{
	flex:0 0 auto;
	position:relative;
	z-index:3;
	padding-bottom:12px;
	background:transparent;
}

.ai_chat_home_scroll_body{
	flex:1 1 auto;
	min-height:0;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:14px;
	scrollbar-width:none;
	-ms-overflow-style:none;
}

.ai_chat_home_scroll_body::-webkit-scrollbar{
	width:0;
	height:0;
	display:none;
}

/* ==================================== */
/*              home banner             */
/* ==================================== */

.ai_chat_home_banner{
	display:flex;
	align-items:stretch;
	gap:14px;
	padding:18px;
	border-radius:26px;
	background:linear-gradient(135deg, #eaf8f1 0%, #f8fcfa 100%);
	border:1px solid #d6e9de;
	box-shadow:0 14px 34px rgba(15, 23, 42, 0.04);
	margin-bottom:0;
}

.ai_chat_home_banner_left{
	flex:1 1 0;
	min-width:0;
	display:flex;
}

.ai_chat_home_banner_right{
	flex:0 0 118px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ai_chat_home_banner_content{
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
}

.ai_chat_home_banner_badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	padding:7px 11px;
	border-radius:999px;
	background:#ffffff;
	border:1px solid #dcebe2;
	font-size:11px;
	font-weight:900;
	letter-spacing:0.12em;
	color:#138c68;
	margin-bottom:12px;
}

.ai_chat_home_banner_title{
	font-size:22px;
	line-height:1.22;
	font-weight:900;
	letter-spacing:-0.04em;
	color:#162132;
	margin-bottom:8px;
	white-space:normal;
	word-break:normal;
	overflow-wrap:anywhere;
}

.ai_chat_home_banner_desc{
	font-size:13px;
	line-height:1.72;
	color:#59707b;
	white-space:normal;
	word-break:normal;
	overflow-wrap:anywhere;
}

.ai_chat_home_banner_visual{
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ai_chat_home_banner_visual_orb{
	position:absolute;
	width:88px;
	height:88px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(19,178,126,0.16) 0%, rgba(19,178,126,0.02) 70%, transparent 100%);
}

.ai_chat_home_banner_visual_image{
	position:relative;
	z-index:1;
	width:100%;
	max-width:100px;
	aspect-ratio:1 / 1;
	border-radius:24px;
	background:linear-gradient(135deg, #ffffff 0%, #eef7f2 100%);
	border:1px solid #deece4;
	box-shadow:0 10px 26px rgba(15, 23, 42, 0.05);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.ai_chat_home_banner_visual_image img{
	display:block;
	max-width:82%;
	max-height:82%;
	object-fit:contain;
}

/* ==================================== */
/*             profile card             */
/* ==================================== */

.ai_chat_home_profile_card{
	display:flex;
	align-items:center;
	gap:14px;
	padding:16px 18px;
	border-radius:24px;
	border:1px solid #dee7f0;
	background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	box-shadow:0 14px 32px rgba(15, 23, 42, 0.04);
	margin-bottom:18px;
}

.ai_chat_home_profile_thumb,
.ai_chat_settings_profile_thumb{
	position:relative;
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
	flex:0 0 60px;
	background:linear-gradient(135deg, #f4f6f9 0%, #e9eef2 100%);
	border:1px solid #dce5ec;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
	display:flex;
	align-items:center;
	justify-content:center;
}

.ai_chat_settings_profile_thumb{
	width:72px;
	height:72px;
	flex:0 0 72px;
	margin-bottom:12px;
}

.ai_chat_home_profile_thumb img,
.ai_chat_settings_profile_thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.ai_chat_home_profile_texts{
	min-width:0;
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
}

.ai_chat_home_profile_label,
.ai_chat_settings_profile_label{
	font-size:12px;
	font-weight:800;
	color:#7a8794;
	margin-bottom:5px;
}

.ai_chat_home_profile_nick,
.ai_chat_settings_profile_nick{
	font-size:18px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:-0.03em;
	color:#152033;
	margin-bottom:5px;
}

.ai_chat_home_profile_subtext{
	font-size:12px;
	line-height:1.65;
	color:#6e7d89;
}

.ai_chat_home_profile_subtext,
.ai_chat_home_menu_button_title,
.ai_chat_home_menu_button_desc,
.ai_chat_settings_notice{
	white-space:normal;
	word-break:normal;
	overflow-wrap:anywhere;
}

/* ==================================== */
/*              home menu               */
/* ==================================== */

.ai_chat_home_menu_list{
	display:flex;
	flex-direction:column;
	gap:14px;
	padding-bottom:4px;
}

.ai_chat_home_menu_button{
	display:grid;
	grid-template-columns:52px minmax(0, 1fr) 24px;
	align-items:flex-start;
	gap:14px;
	width:100%;
	padding:18px 18px;
	border:none;
	border-radius:24px;
	background:linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);
	border:1px solid #dfe7f1;
	cursor:pointer;
	text-align:left;
	box-shadow:0 16px 34px rgba(15, 23, 42, 0.04);
	transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.ai_chat_home_menu_button:hover{
	transform:translateY(-1px);
	box-shadow:0 18px 40px rgba(15, 23, 42, 0.06);
	border-color:#cfdceb;
}

.ai_chat_home_menu_button_icon{
	width:52px;
	height:52px;
	border-radius:17px;
	background:linear-gradient(135deg, #f5fbf7 0%, #edf7f1 100%);
	border:1px solid #d9e8df;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 52px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
	overflow:hidden;
}

.ai_chat_home_menu_button_icon img{
	display:block;
	width:58px;
	height:58px;
	object-fit:contain;
}

.ai_chat_home_menu_button_body{
	min-width:0;
	display:flex;
	flex-direction:column;
	align-self:stretch;
}

.ai_chat_home_menu_button_eyebrow{
	font-size:10px;
	font-weight:900;
	letter-spacing:0.14em;
	color:#13a071;
	margin-bottom:6px;
}

.ai_chat_home_menu_button_title{
	font-size:17px;
	font-weight:900;
	letter-spacing:-0.03em;
	line-height:1.28;
	color:#172234;
	margin-bottom:5px;
}

.ai_chat_home_menu_button_desc{
	font-size:12px;
	line-height:1.62;
	color:#6b7a88;
}

.ai_chat_home_menu_button_arrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	font-size:18px;
	font-weight:900;
	color:#8ba0a8;
	align-self:center;
}

/* ==================================== */
/*              room view               */
/* ==================================== */

.ai_chat_room_header{
	margin-bottom:12px;
}

.ai_chat_room_header_dummy{
	width:40px;
	height:40px;
	flex:0 0 40px;
}

.ai_chat_room_quick_list{
	flex:0 0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:12px;
}

.ai_chat_room_quick_button{
	border:none;
	background:#eef8f3;
	color:#0d8a63;
	padding:9px 12px;
	border-radius:999px;
	font-size:12px;
	font-weight:800;
	cursor:pointer;
}

.ai_chat_room_messages{
	flex:1 1 auto;
	min-height:0;
	overflow-y:auto;
	overflow-x:hidden;
	padding:2px 2px 16px 2px;
	scrollbar-gutter:stable;
}

.ai_chat_message_row{
	display:flex;
	margin-bottom:14px;
}

.ai_chat_message_wrap{
	max-width:92%;
	display:flex;
	flex-direction:column;
}

.ai_chat_message_row.is_user{
	justify-content:flex-end;
}

.ai_chat_message_row.is_assistant{
	justify-content:flex-start;
}

.ai_chat_message_row.is_user .ai_chat_message_wrap{
	align-items:flex-end;
}

.ai_chat_message_row.is_assistant .ai_chat_message_wrap{
	align-items:flex-start;
}

.ai_chat_message_row.is_assistant.is_rich .ai_chat_message_wrap{
	width:100%;
	max-width:100%;
}

.ai_chat_message_bubble{
	max-width:100%;
	border-radius:22px;
	padding:14px 16px;
	font-size:14px;
	line-height:1.72;
	word-break:break-word;
	white-space:pre-wrap;
}

.ai_chat_message_row.is_user .ai_chat_message_bubble{
	background:#111827;
	color:#fff;
	border-top-right-radius:8px;
}

.ai_chat_message_row.is_assistant .ai_chat_message_bubble{
	background:#f6faf8;
	color:#111827;
	border:1px solid #e0ece6;
	border-top-left-radius:8px;
}

.ai_chat_message_row.is_assistant.is_rich .ai_chat_message_bubble{
	width:100%;
	padding:0;
	background:transparent;
	border:none;
	border-radius:0;
}

.ai_chat_message_meta{
	margin-top:6px;
	font-size:11px;
	color:#8a96a3;
}

.ai_chat_message_row.is_assistant.is_rich .ai_chat_message_meta{
	margin-left:6px;
}

.ai_chat_message_notice{
	margin-top:8px;
	font-size:11px;
	line-height:1.55;
	color:#8a96a3;
	word-break:break-word;
}

.ai_chat_translated_support_reply{
	display:block;
	width:100%;
}

.ai_chat_translated_support_reply_text{
	display:block;
	font-size:14px;
	line-height:1.72;
	color:inherit;
	word-break:break-word;
	white-space:pre-wrap;
}

.ai_chat_room_input_area{
	flex:0 0 auto;
	display:flex;
	gap:10px;
	align-items:flex-end;
	padding:14px 0 2px 0;
	border-top:1px solid #edf2f5;
	background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 24%);
}

.ai_chat_message_input{
	flex:1 1 auto;
	min-height:84px;
	max-height:220px;
	resize:vertical;
	border:1px solid #dce6ec;
	border-radius:18px;
	padding:14px 16px;
	font-size:14px;
	line-height:1.65;
	outline:none;
	background:#fff;
	color:#111827;
}

.ai_chat_message_input:focus{
	border-color:#12a06f;
	box-shadow:0 0 0 4px rgba(18,160,111,0.10);
}

.ai_chat_send_button{
	width:86px;
	height:52px;
	flex:0 0 86px;
	border:none;
	border-radius:16px;
	background:linear-gradient(135deg, #19b47b 0%, #0f9f73 100%);
	color:#fff;
	font-size:14px;
	font-weight:900;
	cursor:pointer;
}

.ai_chat_send_button:disabled{
	opacity:.55;
	cursor:not-allowed;
}

.ai_chat_loading_box{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	color:#617180;
}

.ai_chat_loading_dot{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#95a4ad;
	animation:aiChatDot 1s infinite ease-in-out;
}

.ai_chat_loading_dot:nth-child(2){animation-delay:.15s;}
.ai_chat_loading_dot:nth-child(3){animation-delay:.3s;}

@keyframes aiChatDot{
	0%,80%,100%{transform:scale(.7);opacity:.45;}
	40%{transform:scale(1);opacity:1;}
}

/* ==================================== */
/*             settings view            */
/* ==================================== */

.ai_chat_settings_profile_card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:26px 18px 22px;
	border-radius:24px;
	border:1px solid #e6edf3;
	background:#fff;
	margin-bottom:16px;
}

.ai_chat_settings_box{
	padding:18px;
	border-radius:22px;
	border:1px solid #e6edf3;
	background:#fff;
}

.ai_chat_settings_title{
	font-size:16px;
	font-weight:900;
	color:#111827;
	margin-bottom:16px;
}

.ai_chat_settings_row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}

.ai_chat_settings_row_label{
	font-size:15px;
	font-weight:800;
	color:#111827;
}

.ai_chat_language_select{
	min-width:150px;
	max-width:100%;
	height:44px;
	border:1px solid #dce6ec;
	border-radius:14px;
	padding:0 12px;
	background:#fff;
	font-size:14px;
	font-weight:700;
	color:#111827;
	outline:none;
}

.ai_chat_language_select_native{
	position:absolute;
	opacity:0;
	pointer-events:none;
	width:1px;
	height:1px;
	overflow:hidden;
}

.ai_chat_settings_notice{
	margin-top:14px;
	padding:14px 16px;
	border-radius:18px;
	background:#f4f8fb;
	border:1px solid #e3ecf3;
	font-size:12px;
	line-height:1.7;
	color:#617180;
}

.ai_chat_language_picker{
	position:relative;
	width:190px;
	max-width:100%;
	flex:0 0 auto;
}

.ai_chat_language_picker_button{
	width:100%;
	height:50px;
	padding:0 16px 0 18px;
	border:none;
	border-radius:18px;
	background:linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%);
	box-shadow:
		0 10px 24px rgba(15, 23, 42, 0.06),
		inset 0 1px 0 rgba(255,255,255,0.9);
	border:1px solid #d8e6df;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	cursor:pointer;
	transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ai_chat_language_picker_button:hover{
	border-color:#b9d8ca;
	box-shadow:
		0 14px 28px rgba(15, 23, 42, 0.08),
		inset 0 1px 0 rgba(255,255,255,0.95);
}

.ai_chat_language_picker.is_open .ai_chat_language_picker_button{
	border-color:#19a873;
	box-shadow:
		0 0 0 4px rgba(25,168,115,0.12),
		0 14px 28px rgba(15, 23, 42, 0.08);
}

.ai_chat_language_picker_button_text{
	font-size:15px;
	font-weight:900;
	letter-spacing:-0.02em;
	color:#162132;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.ai_chat_language_picker_button_arrow{
	flex:0 0 auto;
	font-size:20px;
	line-height:1;
	color:#0f9f73;
	transform:translateY(-1px) rotate(0deg);
	transition:transform .18s ease;
}

.ai_chat_language_picker.is_open .ai_chat_language_picker_button_arrow{
	transform:translateY(-1px) rotate(180deg);
}

.ai_chat_language_picker_menu{
	position:absolute;
	top:calc(100% + 10px);
	left:0;
	right:0;
	padding:8px;
	border-radius:20px;
	background:rgba(255,255,255,0.96);
	border:1px solid #dce8e1;
	box-shadow:
		0 20px 38px rgba(15, 23, 42, 0.16),
		0 4px 10px rgba(15, 23, 42, 0.05);
	backdrop-filter:blur(14px);
	display:none;
	z-index:30;
}

.ai_chat_language_picker.is_open .ai_chat_language_picker_menu{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.ai_chat_language_picker_option{
	width:100%;
	min-height:44px;
	padding:0 14px;
	border:none;
	border-radius:14px;
	background:transparent;
	display:flex;
	align-items:center;
	text-align:left;
	font-size:14px;
	font-weight:800;
	letter-spacing:-0.02em;
	color:#243244;
	cursor:pointer;
	transition:background .15s ease, color .15s ease, transform .15s ease;
}

.ai_chat_language_picker_option:hover{
	background:#eef8f3;
	color:#0f9f73;
}

.ai_chat_language_picker_option.is_selected{
	background:linear-gradient(135deg, #ddf7ea 0%, #ecfbf4 100%);
	color:#0e8f67;
	box-shadow:inset 0 0 0 1px rgba(16,159,115,0.08);
}

.ai_chat_language_picker_option:active{
	transform:scale(.985);
}

/* ==================================== */
/*             bottom nav               */
/* ==================================== */

.ai_chat_bottom_nav{
	position:relative;
	z-index:5;
	flex:0 0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	padding:14px;
	border-top:1px solid #e7eeea;
	background:rgba(255,255,255,0.92);
	backdrop-filter:blur(10px);
}

.ai_chat_bottom_nav_button{
	height:48px;
	border:none;
	border-radius:16px;
	background:#eef3f1;
	color:#55646d;
	font-size:14px;
	font-weight:900;
	letter-spacing:-0.02em;
	cursor:pointer;
}

.ai_chat_bottom_nav_button.is_active{
	background:linear-gradient(135deg, #dff5e9 0%, #e9faf1 100%);
	color:#0e8f67;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.75);
}

/* ==================================== */
/*      rich vacant answer in widget    */
/* ==================================== */

.vacant-ai-answer{
	width:100%;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:24px;
	padding:14px;
	box-shadow:0 12px 28px rgba(15, 23, 42, 0.04);
}

.vacant-ai-answer-head{
	margin-bottom:14px;
}

.vacant-ai-answer-title{
	font-size:17px;
	font-weight:900;
	letter-spacing:-0.03em;
	margin-bottom:6px;
	color:#132033;
}

.vacant-ai-answer-desc{
	font-size:13px;
	line-height:1.7;
	color:#5d6d7b;
}

.vacant-ai-group{
	margin-top:16px;
}

.vacant-ai-group:first-child{
	margin-top:0;
}

.vacant-ai-group-head{
	margin-bottom:10px;
}

.vacant-ai-group-title{
	font-size:15px;
	font-weight:900;
	margin-bottom:4px;
	color:#132033;
}

.vacant-ai-group-desc{
	font-size:12px;
	color:#667685;
	line-height:1.65;
}

.vacant-ai-card-list{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.vacant-ai-card{
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
	padding:12px;
	border:1px solid #e7ecf4;
	border-radius:18px;
	background:#fff;
}

.vacant-ai-card-thumb{
	display:block;
	width:100%;
	height:172px;
	border-radius:14px;
	overflow:hidden;
	background:#f1f3f7;
	text-decoration:none;
}

.vacant-ai-card-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.vacant-ai-card-thumb-empty{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	color:#888;
	background:#f3f4f6;
}

.vacant-ai-card-body{
	min-width:0;
}

.vacant-ai-card-top{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
	margin-bottom:8px;
}

.vacant-ai-card-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:5px 10px;
	border-radius:999px;
	font-size:11px;
	font-weight:900;
}

.vacant-ai-card-badge-exact{
	background:#e9f0ff;
	color:#3658d4;
}

.vacant-ai-card-badge-similar{
	background:#fff4e6;
	color:#d97706;
}

.vacant-ai-card-link{
	font-size:11px;
	font-weight:800;
	color:#4b5563;
	text-decoration:none;
}

.vacant-ai-card-headline{
	font-size:15px;
	font-weight:900;
	line-height:1.45;
	letter-spacing:-0.02em;
	margin-bottom:8px;
	color:#162132;
}

.vacant-ai-card-meta{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:10px;
}

.vacant-ai-card-meta span{
	display:inline-flex;
	align-items:center;
	padding:6px 10px;
	border-radius:999px;
	background:#f8fafc;
	border:1px solid #edf2f7;
	font-size:12px;
	color:#4b5563;
}

.vacant-ai-card-summary{
	font-size:13px;
	color:#333;
	line-height:1.7;
	margin-bottom:10px;
}

.vacant-ai-card-bullets{
	margin:0 0 10px 0;
	padding-left:18px;
	font-size:12px;
	line-height:1.7;
	color:#444;
}

.vacant-ai-chip-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.vacant-ai-chip{
	display:inline-flex;
	align-items:center;
	padding:6px 10px;
	border-radius:999px;
	background:#f4f6fb;
	color:#374151;
	font-size:11px;
	font-weight:800;
}

.vacant-ai-empty{
	padding:18px 14px;
	border:1px dashed #d8dee9;
	border-radius:14px;
	background:#fafbfc;
	font-size:13px;
	color:#666;
}

.vacant-ai-answer-foot{
	margin-top:16px;
	padding:14px 16px;
	border:1px solid #e7ecf4;
	border-radius:18px;
	background:linear-gradient(180deg, #fbfcff 0%, #f7f9fc 100%);
}

.vacant-ai-answer-outro{
	font-size:13px;
	line-height:1.7;
	color:#374151;
}

.vacant-ai-answer-next-actions{
	margin:12px 0 0 0;
	padding-left:18px;
	font-size:12px;
	line-height:1.8;
	color:#4b5563;
}

.vacant-ai-answer-next-actions li{
	margin-top:4px;
}

/* ==================================== */
/*               mobile                 */
/* ==================================== */

@media (max-width: 760px){
	.ai_chat_floating_button{
		right:14px;
		bottom:14px;
		min-width:96px;
		height:54px;
		padding:0 13px 0 12px;
		border-radius:16px;
	}

	.ai_chat_floating_button_text{
		font-size:20px;
	}

	.ai_chat_panel{
		right:8px;
		left:8px;
		bottom:76px;
		width:auto;
		height:calc(100vh - 92px);
		border-radius:26px;
	}

	.ai_chat_screen{
		padding:14px 14px 14px 14px;
	}

	.ai_chat_panel_header_title{
		font-size:24px;
	}

	.ai_chat_home_sticky_top{
		padding-bottom:14px;
	}

	.ai_chat_home_scroll_body{
		padding-bottom:12px;
	}

	.ai_chat_home_banner{
		padding:16px;
		gap:12px;
	}

	.ai_chat_home_banner_left{
		flex:1 1 0;
		min-width:0;
	}

	.ai_chat_home_banner_right{
		flex:0 0 84px;
	}

	.ai_chat_home_banner_visual_image{
		max-width:84px;
		border-radius:20px;
	}

	.ai_chat_home_banner_title{
		font-size:20px;
		line-height:1.2;
	}

	.ai_chat_home_menu_button{
		grid-template-columns:48px minmax(0, 1fr) 20px;
		padding:16px;
	}

	.ai_chat_home_menu_button_icon{
		width:48px;
		height:48px;
		border-radius:15px;
	}

	.ai_chat_home_menu_button_title{
		font-size:16px;
	}

	.ai_chat_room_input_area{
		flex-direction:column;
		align-items:stretch;
	}

	.ai_chat_send_button{
		width:100%;
		flex:0 0 auto;
	}

	.vacant-ai-card-thumb{
		height:160px;
	}

	.ai_chat_settings_row{
		flex-direction:column;
		align-items:stretch;
	}

	.ai_chat_language_select{
		width:100%;
		min-width:0;
	}

	.ai_chat_language_picker{
		width:100%;
	}

	.ai_chat_language_picker_button{
		height:48px;
		border-radius:16px;
	}

	.ai_chat_language_picker_menu{
		border-radius:18px;
	}
}