/* 
 * 맥락유지 AI 채팅 서비스 - 메인 스타일시트
 * 
 * 모듈화된 CSS 파일들을 import합니다.
 * 각 파일은 특정 기능에 대한 스타일을 담당합니다.
 */

/* 기본 레이아웃 및 로딩 화면 */
@import url('base.css');

/* 사이드바 스타일 */
@import url('sidebar.css');

/* 채팅 관련 스타일 */
@import url('chat.css');

/* 공통 컴포넌트 스타일 */
@import url('components.css');

/* 코드 캔버스 스타일 */
@import url('code-canvas.css');


/* 다크 모드 지원 */
@import url('dark-mode.css');

/* 애니메이션 */
@import url('animations.css'); 

/* 홈으로 돌아가기 버튼 */
.home-back-button {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 1000;
    display: none; /* 기본적으로 숨김 */
}

.home-back-button .btn {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #007bff;
    color: #007bff;
    transition: all 0.3s ease;
}

.home-back-button .btn:hover {
    background-color: #007bff;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

/* 다크모드에서 홈 버튼 스타일 */
.dark-mode .home-back-button .btn {
    background-color: rgba(33, 37, 41, 0.9);
    border: 1px solid #6c757d;
    color: #6c757d;
}

.dark-mode .home-back-button .btn:hover {
    background-color: #6c757d;
    color: white;
}