/**
 * ============================================================================
 * 상단바 「홈 | AI 모드」 — 두 얼굴 공유 원본 (2026-09-14)
 * ============================================================================
 *
 * 운영팀 요청: 로고 대신 「홈 | AI 모드」, 홈은 쇼글 메인(www.showgle.co.kr)으로. 사용자 결정으로
 * **옛 얼굴(/chatbot)에도 같은 상단바**를 쓴다 — 그래서 `sgax_core.css` 가 아니라 여기다.
 * `sgax_entry.css` 와 같은 방식: 원본은 `frontend/` 하나고 번들러(`SHARED_INTO_LEGACY`)가 옛 벌에 복사한다.
 * `lambda/legacy/frontend/` 에는 이 파일이 없다.
 *
 * 로드 순서: `sgax_core.css` 다음 — 옛 벌의 `.mobile-new-chat-btn`(주황 알약)을 여기서 아이콘으로 덮는다.
 * 마크업은 `frontend/index.html` 과 CI3 `views/chatbot/index.php` 양쪽(얼굴 분기 없음).
 * ============================================================================
 */

/* 데스크톱 헤더와 모바일 헤더가 같은 마크업을 든다 — 홈 링크 · 세로줄 · 굵은 「AI 모드」(지금 화면) */
.chat-modebar {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: var(--font-size-base);
  line-height: 1;
}
.chat-modebar-home {
  color: var(--text-secondary, #6b7280);
  text-decoration: none;
  padding: 6px 2px;
}
.chat-modebar-home:hover {
  color: var(--text, #1f2937);
  text-decoration: underline;
}
.chat-modebar-sep {
  width: 1px;
  height: 14px;
  background: var(--border, #e5e7eb);
}
.chat-modebar-current {
  font-weight: 700;
  color: var(--text, #1f2937);
}
.chat-modebar--mobile {
  flex: 1;
  min-width: 0;
  margin: 0 12px;
  font-size: var(--font-size-sm);
}

/* 모바일 새 대화 — 글자 버튼(「+ 새 대화」)에서 동그란 연필 아이콘으로 (운영팀 시안).
   옛 벌 sgax_core.css 의 주황 알약 규칙을 덮어야 하므로 속성을 빠짐없이 적는다. */
.mobile-header .mobile-new-chat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: none;
  color: var(--text, #1f2937);
  border: 1px solid var(--text, #1f2937);
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.mobile-header .mobile-new-chat-btn svg {
  width: 18px;
  height: 18px;
}
.mobile-header .mobile-new-chat-btn:active {
  background: var(--hover-bg, #f3f4f6);
}