.chat-bot-box .message.bot{<?php echo $ai_background_color; echo $ai_font_family; echo $ai_font_size; echo $ai_color;?>}
.chat-bot-box .message.bot > a.advs i, .message.bot > a.advs span{<?php echo $ai_font_family; echo $ai_font_size; echo $ai_color;?>}
.chat-bot-box .message.user{<?php echo $user_background_color; echo $user_font_family; echo $user_font_size; echo $user_color;?>}
.chat-bot-box .message.bot *{font-size: inherit !important;}
.chat-bot-box .message.user *{font-family: inherit;}

.sourceLink{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLink2{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink2 > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLink3{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink3 > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLinkName{margin-top: 20px;}
.sourceLinkName a{font-weight: bold;}
.sourceLinkName a i{display: none;}
a.sourceLinkY{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkY2{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkY3{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkN{background:#fff;border:1px solid #e5e5e5;border-radius: 20px;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
.sourceLinkBtn i{position: absolute;left:-9999em;top:-9999em;}
.sourceLinkBtnsss i{position: absolute;left:-9999em;top:-9999em;}

.memodiv {padding:6px;background-color:#a9a9a9;color:#fff;border-radius:7px;}
a.memodiv {position:absolute;right:-45px;bottom:33px;font-size:14px;cursor:pointer;}
a.memodiv:hover {font-size:14px;color:#fff;}

.message.bot.ccc{display:none;}

/* ===== STT 모듈화를 위한 CSS 스타일 시작 ===== */
.stt-mic-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 5px;
	position: relative;
}

.stt-mic-iframe {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid rgb(138, 139, 139);
	border-radius: 15px;
	overflow: hidden;
}

.stt-temp-message {
	opacity: 0.7;
}

.stt-temp-dots {
	display: inline-block;
	animation: stt-temp-dots-animation 1.5s infinite;
	font-size: 18px;
	font-weight: bold;
}

@keyframes stt-temp-dots-animation {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 1; }
}
/* ===== STT 모듈화를 위한 CSS 스타일 끝 ===== */

/* ===== sendMessagea 버튼 모바일 최적화 ===== */
@media screen and (max-width: 450px) {
    #sendMessagea {
        border-radius: 30% !important;
    }
}