/* ════════════════════════════════════════
   채팅 모드(/chat) — public/css/chat-mode.css  (2026-10-20 · docs/채팅전용주소_상세설계_2026-10-20.md 4장)
   · 행정 사이드바·머리줄을 숨기고 All-line Office 를 화면 가득(사무실 「전체화면보기」와 같은 덮기, z-index 1500).
   · 탭은 채팅·조직도만 — 사무실 지도·내 캐릭터·내 상태·접속자·전체화면 단추 숨김.
   · 창(모달 2000)·사진 보기(3000)·메뉴(3000)는 그대로 위에 뜬다.
════════════════════════════════════════ */
body.chat-mode #sidebar,
body.chat-mode #topbar,
body.chat-mode #mobile-menu-btn { display: none !important; }
body.chat-mode #view-office.active { position: fixed; inset: 0; z-index: 1500; background: #f0f3f7; padding: 10px 14px; overflow: hidden; }
body.chat-mode #view-office .office-wrap { height: calc(100vh - 20px); height: calc(100dvh - 20px); }
body.chat-mode #view-office .office-tab[data-tab="map"],
body.chat-mode #office-full-btn,
body.chat-mode #office-my-avatar,
body.chat-mode #office-my-status,
body.chat-mode #office-online-btn,
body.chat-mode .office-title-sub { display: none !important; }

/* 머리 — 로고·제목 · 오른쪽 끝 내 메뉴 */
body.chat-mode .office-title { display: inline-flex; align-items: center; gap: 8px; }
.cm-logo { width: 30px; height: 30px; border-radius: 50%; }
.cm-me { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #c9d4e0; background: #fff; color: #1f2a37; border-radius: 16px; padding: 5px 12px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; white-space: nowrap; }
.cm-me i { font-size: 10px; color: #8a94a1; }
.cm-me:hover { background: #eef3f8; }

/* 로그인 화면(/chat) — 로그인 유지 체크, 회원가입 탭 숨김(목회자 가입은 4단계) */
body.chat-mode-auth #screen-auth .auth-tabs { display: none; }
.cm-remember { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 2px 0 12px; font-size: 13px; color: #3b4652; cursor: pointer; }
.cm-remember input { width: 16px; height: 16px; }
.cm-remember small { flex-basis: 100%; padding-left: 22px; font-size: 11px; color: #98a2af; }

@media (max-width: 700px) {
  body.chat-mode #view-office.active { padding: 6px; }
  body.chat-mode #view-office .office-wrap { height: calc(100vh - 12px); height: calc(100dvh - 12px); }
  .cm-logo { width: 24px; height: 24px; }
}

/* 앱으로 설치 안내(chat-mode.js chatModeInstall, 2026-10-21) */
.cm-install-row { padding: 8px 0; border-bottom: 1px solid #edf2f7; font-size: 13px; line-height: 1.6; color: #3b4652; }
.cm-install-row b { color: #1f2a37; }