/* ========================================================
 * 다크모드 및 테마 오버라이드 (head_style_0018.css에서 이동, 2025-10-02)
 * Phase 2.2f: 테마 오버라이드 분리
 * 원본 위치: head_style_0018.css 라인 1660-1705 (46 라인)
 * ======================================================== */

/* 1. user-info: 사이드바 상단 사용자 정보 */
.user-info {
  background: #e5e7eb !important;
  border: 1px solid #d1d5db !important;
}

[data-theme="dark"] .user-info {
  background: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 2. chat-header: 채팅 헤더 */
.chat-header {
  background: #f9fafb !important;
  border-bottom: 1px solid #d1d5db !important;
}

[data-theme="dark"] .chat-header {
  background: var(--bg-primary) !important;
  border-bottom-color: var(--border) !important;
}

/* 3. chat-input-container: 입력창 컨테이너 */
.chat-input-container {
  background: #f9fafb !important;
  border-top: 1px solid #d1d5db !important;
}

[data-theme="dark"] .chat-input-container {
  background: var(--bg-primary) !important;
  border-top-color: var(--border) !important;
}

/* 입력창 내부 레이아웃 */
.unified-input-layout {
  background: #ffffff !important;
  border: 2px solid #d1d5db !important;
}

[data-theme="dark"] .unified-input-layout {
  background: var(--bg-elev) !important;
  border-color: var(--border) !important;
}

[data-theme="dark"] .chat-input {
  color: #f4f5ff !important;
}

/* ========== 채팅 헤더 정렬은 layout.css에서 관리 (2025-10-01) ========== */
/* .chat-header 정의는 layout.css:121에서 통합 관리됨 */

/* ========== 아바타 가시성 개선 (2025-10-14) ========== */
[data-theme="dark"] .message.user .message-avatar {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%); /* (★추가) 다크모드용 더 밝은 보라 */
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* (★추가) 그림자 강화 */
}

[data-theme="dark"] .message.assistant .message-avatar {
  background: #374151; /* (★추가) 다크모드용 회색 배경 */
  color: #f3f4f6 !important; /* (★추가) 밝은 회색 텍스트 */
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.2); /* (★추가) 경계선 */
}