@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

.chat_platform_error {
    width: 16px;
    margin-right: 5px;
    content: url('../jsassist/icon_error_small.png');
    vertical-align: middle;
}

.chat_platform_warning {
    width: 16px;
    margin-right: 5px;
    content: url('../jsassist/icon_warning_small.png');
    vertical-align: middle;
}

.chat_platform_info {
    width: 16px;
    margin-right: 5px;
    content: url('../jsassist/icon_info_small.png');
    vertical-align: middle;
}

.chat_div_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    background-repeat: repeat;
    box-shadow: 0 0px 20px 20px #333;
}

.fixed_chat {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    background-repeat: repeat;
    box-shadow: 0 0px 20px 20px #333;
    z-index: 9999;
}

.fixed_chat .chat_text_message {
    max-height: 100px;
}

.chat_text_message_sticky {
    color: white;
    width: 90%;
    height: auto;
    max-height: 200px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    vertical-align: middle;
} 

/* ----------------------------------------------------
   [수정됨] 로고 래퍼: Flexbox를 사용해 완벽한 중앙 정렬
------------------------------------------------------- */
.chat_text_message_sticky_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    font-size: 12px !important;
    font-family: Consolas !important;
    text-align: center;
    color: white;
    
    width: 100%; /* 90%에서 100%로 변경하여 한쪽으로 쏠림 방지 */
    box-sizing: border-box;
    height: auto;
    max-height: 200px;
    padding: 5px 0;
    margin: 5px 0; /* 어긋남을 유발하던 margin-left 제거 */
} 

/* ----------------------------------------------------
   [수정됨] 로고 아스키 아트: 하드코딩된 마진 제거 및 크기 조절 축 설정
------------------------------------------------------- */
span.logo pre {
    transform: scale(0.55, 1);
    transform-origin: center center; /* 중앙을 기준으로 축소되도록 고정 */
    font-size: 12px !important;
    font-family: Consolas !important;
    text-align: center;
    color: white;
    
    width: max-content; /* 아스키 아트 원본 너비를 유지하여 찌그러짐 방지 */
    margin: 0; /* margin-left: -50px 하드코딩 제거 */
} 

/* HTML에 있는 버전 텍스트(.versionstring) 중앙 정렬 추가 */
span.versionstring pre {
    font-size: 12px !important;
    font-family: Consolas !important;
    text-align: center;
    color: white;
    margin: 0;
}

span.tapiclogo pre {
    font-size: 12px !important;
    font-family: Consolas !important;
    color: white;
    width: 100%;
    margin-top: -10px;
    margin-left: -10px;
    vertical-align: middle;
} 

span.tapicversionstring pre {
    margin-top: -30px;
}

span.backslash {
    font-size: 12px !important;
    font-family: Consolas !important;
}

html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Source Code Pro', 'SeoulNamsan', sans-serif;
}