@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* =====================================================================
   응급ON — 모바일 디자인 시스템 (구급대원 폰 · 의료진 폰)
   ---------------------------------------------------------------------
   이 파일은 mobile.css 와 mobile.js 가 런타임에 주입하는 <style> 뒤에
   실려, 두 폰 앱의 외관을 하나의 규칙으로 통일한다.

   설계 원칙
   1) 색은 의미가 있을 때만 쓴다.
      - 탐색(독·부채꼴·하단탭)은 전부 무채색, 선택된 항목만 강조색.
      - 중증도(KTAS)·병상·경고의 의미색(빨강·주황·초록)은 그대로 둔다.
   2) 움직임은 정보를 전달할 때만 남긴다.
      - 장식용 무한 애니메이션(반짝임·숨쉬기·빛번짐)은 끈다.
      - 실시간 상태를 알리는 점, 음성 오브의 파동은 유지한다.
        (오브를 멈추면 "고장 난 것처럼 보인다"는 현장 피드백이 있었다)
   3) 형태는 한 벌의 규칙을 따른다 — 모서리 10·14·20·999 네 단계만 쓴다.
   4) 글자는 Pretendard 한 벌로 통일하고, 숫자는 자릿수를 고정한다.

   ⚠️ 런타임 주입 스타일(_hd-css·런처)이 이 파일보다 늦게 head 에 들어가므로
      그 규칙을 덮을 때는 !important 가 필요하다. 그 외에는 쓰지 않는다.
   ===================================================================== */

/* ── 1. 토큰 ────────────────────────────────────────────────────── */
#imap-mobile-app,
#launcher-home,
#_accdesk-screen,
#_erv-screen, #_emris-screen, #usage-guide-screen, #m-ai-panel, #dispatch-map-intro,
/* ⚠️ 아래 오버레이들은 #imap-mobile-app 바깥(body 직속)이라 토큰을 따로 받아야 한다.
      빠뜨리면 그 화면 안의 var(--acc) 가 미정의가 되어 버튼 색이 적용되지 않는다. */
#_mci-screen, #_hof-screen, #_txg-screen, #_accreq-screen, #mob-guide-modal, #mob-profile-modal {
  /* 바탕 — 채도를 걷어낸 깊은 남색 계열 */
  --bg:  #0B1220;
  --bg2: #101A2B;
  --bg3: #18243A;
  /* 면·선 */
  --surf:  rgba(255,255,255,.045);
  --surf2: rgba(255,255,255,.085);
  --bd:    rgba(255,255,255,.09);
  --bd2:   rgba(255,255,255,.145);
  /* 강조 — 앱 전체에서 단 하나의 강조색 */
  --acc:      #38BDF8;
  --acc2:     #7DD3FC;
  --acc-ink:  #04212E;
  --acc-grad: #38BDF8;
  --acc-soft: rgba(56,189,248,.12);
  --acc-line: rgba(56,189,248,.38);
  /* 글자 */
  --t1: #E8EFF6;
  --t2: #9FB0C4;
  --t3: #6B7C93;
  /* 모서리 — 네 단계만 */
  --r-sm: 10px;
  --r:    14px;
  --r-lg: 20px;
  /* 의미색은 건드리지 않는다 (중증도·병상·경고 표시에 쓰임) */
}

/* ── 2. 글자 ────────────────────────────────────────────────────── */
#imap-mobile-app,
#launcher-home,
#_accdesk-screen,
#_erv-screen, #_emris-screen, #usage-guide-screen, #m-ai-panel, #dispatch-map-intro,
#btn-guide-float, #m-voice-fab, #_hd-dock, #_hd-more, #_lh-fan {
  font-family: "Pretendard Variable", Pretendard, "Noto Sans KR",
               -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}
/* 숫자는 코드 편집기 글꼴(JetBrains Mono) 대신 본문 글꼴 + 자릿수 고정.
   현장에서 값이 바뀔 때 숫자가 좌우로 흔들리지 않는다 */
#imap-mobile-app .m-kpi-val,
#imap-mobile-app .m-metric-val,
#imap-mobile-app .m-route-time,
#imap-mobile-app .m-rcnt,
#imap-mobile-app .m-bed-cnt,
#imap-mobile-app .m-perf-val,
#imap-mobile-app .m-time-txt,
#imap-mobile-app .ktas-dispatch-num,
#imap-mobile-app .ktas-level-badge,
#imap-mobile-app #m-bed-update-ts,
#_accdesk-screen ._hh-stats button b {
  font-family: inherit !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.02em;
}

/* ── 3. 바탕 ─────────────────────────────────────────────────────
   ⚠️ 홈 배경 4겹 교차(파랑→청록→보라→틸, 40초 주기)와 오로라 두 덩이는
      사용자가 유지를 요청한 요소다. 단색으로 고정하지 말 것.
      정보를 읽는 탭 화면(#imap-mobile-app)만 짙은 남색으로 고정한다. */
#imap-mobile-app { background: linear-gradient(180deg,#0B1220 0%,#070C16 100%) !important; }
body.hosp-desk-mode #imap-mobile-app { background: linear-gradient(180deg,#0B1220 0%,#070C16 100%) !important; }

/* ── 4. 머리말 ──────────────────────────────────────────────────── */
#imap-mobile-app .m-header {
  background: rgba(11,18,32,.92);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--bd);
  padding: 12px 16px 9px;
}
#imap-mobile-app .m-logo-title { font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
#imap-mobile-app .m-logo-badge {
  background: var(--acc-soft) !important;
  color: var(--acc2) !important;
  border: 1px solid var(--acc-line);
  font-weight: 700; letter-spacing: .06em;
  border-radius: 7px; padding: 3px 8px;
  animation: none !important;            /* 로고가 계속 반짝이던 효과 제거 */
  box-shadow: none !important;
}
#imap-mobile-app .m-icon-btn {
  width: 36px; height: 36px; border-radius: var(--r-sm);
  background: var(--surf); border: 1px solid var(--bd);
}
#imap-mobile-app .m-icon-btn:active { background: var(--surf2); }
#imap-mobile-app .m-status-txt { color: var(--t2); font-size: 11.5px; }
#imap-mobile-app .m-time-txt { color: var(--t2); animation: none !important; }

/* ── 5. 면(카드·목록) ──────────────────────────────────────────── */
#imap-mobile-app .m-card,
#imap-mobile-app .m-kpi,
#imap-mobile-app .m-chart-card,
#imap-mobile-app .m-region-item,
#imap-mobile-app .m-hosp-card,
#imap-mobile-app .m-api-card,
#imap-mobile-app .m-set-item {
  background: var(--surf);
  border: 1px solid var(--bd);
  border-radius: var(--r);
  box-shadow: none;
}
/* KPI 카드 구석에 떠 있던 색 원반 제거 — 값 읽기를 방해한다 */
#imap-mobile-app .m-kpi::before { display: none !important; }
#imap-mobile-app .m-kpi { padding: 14px 14px 13px; }
#imap-mobile-app .m-kpi-lbl { font-size: 11px; color: var(--t2); font-weight: 600; margin-bottom: 6px; }
#imap-mobile-app .m-kpi-val { font-size: 28px; font-weight: 800; line-height: 1.05; }
#imap-mobile-app .m-kpi-sub { font-size: 11px; color: var(--t3); margin-top: 5px; }
#imap-mobile-app .m-sec-ttl {
  color: var(--t2) !important;
  font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: none;
}
#imap-mobile-app .m-chart-ttl { color: var(--t1) !important; font-weight: 700; }
/* 목록 행 — 장갑 낀 손가락을 위한 최소 높이 */
#imap-mobile-app .m-bed-item { min-height: 52px; padding: 11px 14px; }
#imap-mobile-app .m-bed-nm { font-size: 13px; font-weight: 600; letter-spacing: -.015em; }
#imap-mobile-app .m-set-item { min-height: 56px; border-radius: var(--r); }

/* ── 6. 탐색 — 하단 탭 ────────────────────────────────────────── */
#imap-mobile-app .m-bottom-nav {
  background: rgba(11,18,32,.96);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--bd);
}
#imap-mobile-app .m-nav-lbl { color: var(--t3); font-size: 9.5px; font-weight: 600; }
#imap-mobile-app .m-nav-btn.on .m-nav-lbl { color: var(--acc2); font-weight: 700; }
#imap-mobile-app .m-nav-btn svg { stroke: var(--t3); }
#imap-mobile-app .m-nav-btn.on svg { stroke: var(--acc); }
#imap-mobile-app .m-nav-btn.on .m-nav-ico { transform: none; }   /* 확대 튀는 효과 제거 */
/* 활성 탭 표시 — 빛나며 크기가 변하던 인디케이터를 정적인 막대로 */
#imap-mobile-app .m-nav-btn.on::after {
  width: 18px !important; height: 2.5px !important;
  background: var(--acc) !important;
  box-shadow: none !important;
  animation: none !important;
}

/* ── 7. 탐색 — 런처 홈 카테고리 독 (구급대원) ─────────────────────
   ⚠️ 다섯 아이콘의 색(빨강·분홍·보라·시안·회색)은 _LH_CATS 가 인라인으로 넣는다.
      색으로 갈래를 구분해 쓰므로 무채색으로 덮지 말 것.
      아이콘 색이 살아나도록 독 판(아래)만 중립으로 둔다. */
#launcher-home ._lh-cat-lab { font-size: 8.5px; font-weight: 600; color: var(--t2); }
#launcher-home #_lh-cat-dock {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid var(--bd) !important;
}

/* ── 8. 탐색 — 부채꼴 메뉴 (구급대원) ───────────────────────────── */
/* 색도 모양(정원)도 원본 그대로 둔다 — 어두운 배경에서 뜨도록 그림자만 준다 */
#_lh-fan ._lh-fan-ic,
#launcher-home ._lh-fan-ic {
  box-shadow: 0 6px 18px rgba(0,0,0,.45) !important;
}
#_lh-fan ._lh-fan-lab,
#launcher-home ._lh-fan-lab {
  font-size: 9.5px; font-weight: 600; color: var(--t1);
  text-shadow: 0 1px 4px rgba(0,0,0,.75);
}
#_lh-fan { background: rgba(4,9,18,.66) !important; }

/* ── 9. 탐색 — 의료진 하단 독 ──────────────────────────────────── */
#_hd-dock ._dk {
  background: rgba(11,18,32,.96) !important;
  border: 1px solid var(--bd) !important;
  box-shadow: 0 -2px 24px rgba(0,0,0,.4) !important;
  border-radius: var(--r-lg) !important;
}
/* ⚠️ 독 아이콘 색은 HD_CATS(요청·이송 주황 / 전원·병상 틸 / 소통 인디고 / 설정 회색)가
      --c1 변수로 넣는다. 구급대원 독과 같은 이유로 무채색으로 덮지 않는다.
      모서리와 라벨 두께만 통일한다. */
/* ⚠️ 독·부채꼴 아이콘은 원본이 정원(border-radius:50%)이다. 모양도 덮지 않는다. */
#_hd-dock ._dc b { font-weight: 600; }
#_hd-dock ._dc._on b { font-weight: 700; }

/* ── 10. 입력·버튼 ─────────────────────────────────────────────── */
#imap-mobile-app .m-ai-btn,
#imap-mobile-app .ktas-btn-next {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: -.01em;
  box-shadow: none !important;
  animation: none !important;             /* 계속 빛나던 효과 제거 */
}
#imap-mobile-app .m-ai-btn:active { background: #0EA5E9 !important; transform: scale(.985); }
#imap-mobile-app .m-ai-btn.busy { background: #24617E !important; color: rgba(255,255,255,.72) !important; }
#imap-mobile-app .m-ai-sel,
#imap-mobile-app input:not([type=checkbox]):not([type=radio]):not([type=range]),
#imap-mobile-app textarea,
#imap-mobile-app select {
  border-radius: var(--r-sm) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid var(--bd) !important;
  font-size: 14px;
}
#imap-mobile-app input:focus, #imap-mobile-app textarea:focus, #imap-mobile-app select:focus {
  border-color: var(--acc-line) !important;
  box-shadow: 0 0 0 3px rgba(56,189,248,.14) !important;
}
/* 세그먼트(모드 선택) — 네이티브 컨트롤처럼 */
#imap-mobile-app .chat-mode-btn {
  border-radius: var(--r-sm); border: 1px solid var(--bd);
  background: var(--surf); color: var(--t2); font-weight: 600;
  transition: background .16s, color .16s, border-color .16s;
}
#imap-mobile-app .chat-mode-btn.active {
  background: var(--acc) !important; color: var(--acc-ink) !important; border-color: transparent !important;
}
/* 단계 입력 섹션 */
#imap-mobile-app .m-step-header { border-radius: var(--r-sm); border-width: 1px; }
#imap-mobile-app .m-step-section.open .m-step-header { background: var(--acc-soft); border-color: var(--acc-line); }
#imap-mobile-app .m-step-section.open .m-step-num { background: var(--acc); color: var(--acc-ink); }
#imap-mobile-app .m-step-section.open .m-step-title { color: var(--acc2); }

/* ── 11. 채팅 — 카카오톡 흉내(흰 말풍선·노란 말풍선)를 앱 색으로 ── */
#imap-mobile-app .inet-bubble.other-bubble {
  background: rgba(255,255,255,.075) !important;
  color: var(--t1) !important;
  border: 1px solid var(--bd) !important;
  border-radius: 4px 14px 14px 14px !important;
  box-shadow: none !important;
}
#imap-mobile-app .inet-bubble.self-bubble {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  border-radius: 14px 4px 14px 14px !important;
  box-shadow: none !important;
  font-weight: 600;
}
#imap-mobile-app #inet-msgs { background: #0A1220 !important; }
#imap-mobile-app .inet-avatar { border-radius: 11px; box-shadow: none; }
#imap-mobile-app .inet-date-divider span { background: var(--bg2); border-color: var(--bd); color: var(--t3); }
#imap-mobile-app .m-chat-msg.user .m-chat-bbl {
  background: var(--acc) !important; color: var(--acc-ink) !important;
  border-radius: 14px 4px 14px 14px !important;
}
#imap-mobile-app .m-chat-msg.ai .m-chat-bbl,
#imap-mobile-app .m-chat-msg.faq .m-chat-bbl,
#imap-mobile-app .m-chat-msg.doctor .m-chat-bbl {
  border-radius: 4px 14px 14px 14px !important;
}
#imap-mobile-app .m-chat-av.ai,
#imap-mobile-app .m-chat-av.user,
#imap-mobile-app .m-chat-av.faq {
  background: rgba(255,255,255,.1) !important; color: var(--t1) !important;
}
#imap-mobile-app .m-chat-send { background: var(--acc) !important; color: var(--acc-ink) !important; border-radius: 12px; }
#imap-mobile-app .m-chat-sug { border-radius: 999px; background: var(--surf); border-color: var(--bd); color: var(--t2); animation: none !important; }
#imap-mobile-app .m-chat-inputbar { background: rgba(11,18,32,.96); border-top: 1px solid var(--bd); }

/* ── 12. 움직임 — 장식용 무한 애니메이션 정리 ──────────────────────
   남기는 것: 실시간 상태 점(.m-live-dot), 음성 오브 파동, 경고 배지.
   끄는 것  : 숫자 숨쉬기 · 로고 반짝임 · 버튼 빛번짐 · 카드 등장 지연 등 */
#imap-mobile-app .m-kpi-val,
#imap-mobile-app .m-ai-label,
#imap-mobile-app .rk1,
#imap-mobile-app .m-alert,
#imap-mobile-app .m-time-txt,
#imap-mobile-app .m-heat-cell,
#imap-mobile-app .m-chat-sug,
#imap-mobile-app .ktas-dispatch-item.active,
#imap-mobile-app .m-thinking-icon {
  animation: none !important;
}
/* AI 라벨에 걸려 있던 무지개 그라데이션 글자 → 단색 */
#imap-mobile-app .m-ai-label {
  background: none !important;
  -webkit-text-fill-color: var(--acc2) !important;
  color: var(--acc2) !important;
  letter-spacing: .08em;
}
/* 카드가 순서대로 나타나는 지연 제거 — 화면 전환이 느려 보인다 */
#imap-mobile-app .m-screen.active > :nth-child(n) { animation-delay: 0s !important; }
#imap-mobile-app .m-screen.active .m-card,
#imap-mobile-app .m-screen.active .m-kpi,
#imap-mobile-app .m-screen.active .m-chart-card,
#imap-mobile-app .m-screen.active .m-region-item,
#imap-mobile-app .m-screen.active .m-ai-hero,
#imap-mobile-app .m-screen.active .m-bed-item,
#imap-mobile-app .m-screen.active .m-hosp-card {
  animation: none !important;
}
/* 눌렀을 때 카드가 빛나던 효과 → 눌림만 남긴다 */
#imap-mobile-app .m-card:active,
#imap-mobile-app .m-kpi:active,
#imap-mobile-app .m-chart-card:active,
#imap-mobile-app .m-region-item:active,
#imap-mobile-app .m-hosp-card:active {
  box-shadow: none !important;
  transform: scale(.99);
}
/* 스크롤 상단의 빛나는 가로줄 제거 */
#imap-mobile-app .m-screen::before { display: none !important; }
/* AI 히어로 — 파란 그라데이션 패널을 단색 면으로 */
#imap-mobile-app .m-ai-hero {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--r);
}

/* ── 13. 음성 오브 — 유지하되 톤을 낮춘다 ─────────────────────────
   ⚠️ 이 파동은 끄지 않는다. 모션 줄이기를 켠 폰에서 완전히 멈췄더니
      "고장 나서 멈춘 것처럼 보인다"는 현장 보고가 있었다. */
#launcher-home ._lh-borb-core {
  background: radial-gradient(circle at 35% 30%, #7DD3FC, #0284C7) !important;
}
#launcher-home ._lh-borb-ring { border-color: rgba(56,189,248,.34) !important; }
#launcher-home ._lh-tmid-core, #launcher-home ._lh-cmid-core {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}
#launcher-home ._lh-tmid-ring { border-color: rgba(167,139,250,.35) !important; }
#btn-guide-float .hfab-core {
  background: radial-gradient(circle at 35% 30%, #7DD3FC, #0284C7) !important;
}
#btn-guide-float .hfab-ring { border-color: rgba(56,189,248,.34) !important; }
#m-voice-fab { box-shadow: 0 8px 22px rgba(56,189,248,.34) !important; }
/* 의료진 홈 오브 */
#_accdesk-screen ._hh-emb ._core {
  background: radial-gradient(circle at 35% 30%, #7DD3FC 0%, #38BDF8 48%, #0369A1 100%) !important;
}
#_accdesk-screen ._hh-emb ._p { border-color: rgba(56,189,248,.34) !important; }

/* ── 14. 의료진 홈 ─────────────────────────────────────────────── */
#_accdesk-screen ._hh-hero {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--r-lg) !important;
}
#_accdesk-screen ._hh-sub { color: var(--t2) !important; letter-spacing: .1em; font-size: 11px; }
#_accdesk-screen ._hh-name { color: var(--t1) !important; letter-spacing: -.03em; }
#_accdesk-screen ._hh-stats button {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--r-sm) !important;
  color: var(--t2) !important;
}
#_accdesk-screen ._hh-stats button._on {
  border-color: var(--acc-line) !important;
  background: var(--acc-soft) !important;
}
#_accdesk-screen ._hh-stats button._on b { color: var(--acc2) !important; }
#_accdesk-screen ._hh-guide {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--r) !important;
}
#_accdesk-screen ._hh-guide ._bub {
  background: rgba(11,18,32,.92) !important;
  border: 1px solid var(--bd2) !important;
  border-radius: 4px 14px 14px 14px !important;
  color: var(--t1) !important;
}
#_accdesk-screen ._hh-guide ._k { color: var(--acc2) !important; }
#_accdesk-screen ._hh-guide ._go { color: var(--acc2) !important; }
#_accdesk-screen ._hosp-tab.on {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  box-shadow: none !important;
}

/* ── 15. 모서리 통일 — 흩어져 있던 값들을 네 단계로 ──────────────── */
#imap-mobile-app .m-hosp-card,
#imap-mobile-app .m-alert,
#imap-mobile-app .m-thinking,
#imap-mobile-app .m-ai-reason,
#imap-mobile-app .ktas-result-card,
#imap-mobile-app .ktas-symptom-btn,
#imap-mobile-app .ktas-option-btn,
#imap-mobile-app .ktas-critical-btn,
#imap-mobile-app .ktas-none-btn { border-radius: var(--r) !important; }
#imap-mobile-app .m-rank-num,
#imap-mobile-app .ktas-pain-btn,
#imap-mobile-app .ktas-vital-btn,
#imap-mobile-app .m-cond-btn,
#imap-mobile-app .m-d23-btn { border-radius: var(--r-sm) !important; }
#imap-mobile-app .m-hosp-bdg,
#imap-mobile-app .m-bed-tag,
#imap-mobile-app .m-rtag,
#imap-mobile-app .doctor-badge { border-radius: 999px !important; }

/* ── 16. 배너 ───────────────────────────────────────────────────
   ⚠️ .m-alert 는 경고뿐 아니라 "응급실 현황 요약" 같은 정보 배너에도 쓰인다.
      색을 강제로 붉게 바꾸면 평상시 정보가 경고처럼 보인다 — 색은 건드리지 않고
      계속 깜빡이던 테두리 애니메이션만 끈다. */
#imap-mobile-app .m-alert { animation: none !important; }

/* ── 17. 남은 인라인 색상 정리 ──────────────────────────────────── */
/* 전체 기능 시트 — 25개 타일이 저마다 다른 색이던 것을 한 가지 면으로 */
#_lh-all-sheet button > div {
  background: rgba(255,255,255,.09) !important;
  border: 1px solid var(--bd2) !important;
  border-radius: var(--r) !important;
}
/* Pre-KTAS 진행바 — 보라 그라데이션을 강조색 단색으로 */
#imap-mobile-app .ktas-progress-fill { background: var(--acc) !important; }
/* KPI "전체 기관" 숫자 — 보라는 의미색이 아니므로 본문색으로 */
#imap-mobile-app .m-kpi.kv-p .m-kpi-val { color: var(--t1) !important; }
/* 중증도 마법사 선택 버튼 — 보라 선택색을 강조색으로 */
#imap-mobile-app .ktas-symptom-btn.selected {
  border-color: var(--acc-line) !important;
  background: var(--acc-soft) !important;
}
/* Pre-KTAS 주호소 아이콘 15개 — SVG 안에 stroke 색이 박혀 있어 저마다 다른 색이었다.
   CSS 의 stroke 는 SVG 표현속성(stroke="...")보다 우선하므로 여기서 한 색으로 모은다.
   (고른 항목만 강조색으로 바뀌어 "무엇을 골랐는지"가 색으로 드러난다) */
#imap-mobile-app .ktas-sym-ico svg,
#imap-mobile-app .ktas-sym-ico svg * { stroke: var(--t2) !important; }
#imap-mobile-app .ktas-symptom-btn.selected .ktas-sym-ico svg,
#imap-mobile-app .ktas-symptom-btn.selected .ktas-sym-ico svg * { stroke: var(--acc) !important; }
/* 중증도 마법사 머리말 아이콘(보라 사각형) */
#imap-mobile-app .ktas-step-label svg { stroke: var(--t2) !important; }

/* ── 18. 남은 장식 그라데이션 정리 ──────────────────────────────── */
/* ⚠️ 런처 배경(#_lh-bg), 오로라(._lh-aur / ._eo-amb ._aur), 의료진 홈 배경 4겹
      (._eo-amb ._l)은 모두 원래 색으로 되돌려 둔 상태다 — 여기서 덮지 않는다. */
/* 홈 상단 모드 세그먼트 — 그라데이션 대신 단색 강조 */
#launcher-home ._lh-mode-seg._lh-mode-on {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  box-shadow: none !important;
}
/* ER 선정 화면 안내 패널 — 두 색 그라데이션을 단색 면으로 */
#ai-region-congestion, #inet-ai-btn {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
}
/* 출발지 "지역 선택" 버튼 — 밝은 파랑을 강조색으로 통일 */
#btn-origin-region { background: var(--acc) !important; color: var(--acc-ink) !important; border-color: transparent !important; }
/* NEW 배지 */
#inet-ai-btn span[style*="background"] { background: var(--acc-soft) !important; color: var(--acc2) !important; }

/* ── 19. 안내 모달·프로필 ───────────────────────────────────────── */
/* 튜토리얼 슬라이드의 44px 아이콘 타일 — 슬라이드마다 다른 그라데이션이었다 */
#mob-guide-modal .mob-guide-slide > div > div:first-child {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid var(--bd2) !important;
}
/* 프로필 완료 버튼 — 청록 그라데이션 + 큰 발광 그림자 */
#profile-submit-btn {
  background: var(--acc) !important;
  box-shadow: none !important;
}
/* 설정 토글 */
#imap-mobile-app .m-toggle.on { background: var(--acc) !important; }

/* ── 20. 전체화면 오버레이 ──────────────────────────────────────
   ⚠️ 음성접수·자연어조회·다수사상자·인계요약·처치가이드·수용요청 화면의
      원래 바탕색, 청록 워시, 마이크 오브, 주요 버튼 색은 모두 사용자가
      되돌려 달라고 한 것이다. 여기서 덮지 않는다. */

/* ── 21. 중증질환·조건 선택 버튼 ────────────────────────────────
   전원 화면 STEP3 의 질환 버튼들이 항목마다 다른 색(분홍·보라·주황…)이었다.
   고르기 전에는 전부 같은 면, 고른 것만 강조색으로 드러나게 한다. */
#imap-mobile-app .m-cond-btn,
#imap-mobile-app .m-d23-btn {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
  color: var(--t2) !important;
}
#imap-mobile-app .m-cond-btn svg,
#imap-mobile-app .m-d23-btn svg { stroke: var(--t2) !important; }
#imap-mobile-app .m-cond-btn.active,
#imap-mobile-app .m-d23-btn.active {
  background: var(--acc-soft) !important;
  border-color: var(--acc-line) !important;
  color: var(--acc2) !important;
}
#imap-mobile-app .m-cond-btn.active svg,
#imap-mobile-app .m-d23-btn.active svg { stroke: var(--acc) !important; }

/* ── 22. 의료진 폰 잔여 요소 ────────────────────────────────────── */
/* 하단 독 가운데 홈 버튼 — 파랗게 크게 빛나 시선을 뺏었다 */
#_hd-dock ._hc {
  background: radial-gradient(circle at 35% 30%, #7DD3FC, #0284C7) !important;
  box-shadow: none !important;
}
#_hd-dock ._hr { border-color: rgba(56,189,248,.34) !important; }
#_hd-dock ._dh { box-shadow: none !important; }
/* 더보기 시트 — 청록 그라데이션 바탕을 본 앱 바탕으로 */
#_hd-more ._s {
  background: linear-gradient(180deg,#101A2B 0%,#0B1220 100%) !important;
  border-top: 1px solid var(--bd) !important;
}
/* 채팅 AI 요약 버튼 — 청록 알약 */
#_hd-chat-sum {
  background: var(--acc-soft) !important;
  color: var(--acc2) !important;
  border: 1px solid var(--acc-line) !important;
  box-shadow: none !important;
}
/* 채팅 입력줄 이모지 버튼 — 노란 배경이 입력줄에서 튀었다 */
#inet-emoji-btn {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
}
/* 의료진 홈 상단 세그먼트 */
#_accdesk-screen ._hh-seg {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
}

/* ── 23. 의료진 앱 바탕 — 특정도 강화 ────────────────────────────
   ⚠️ mobile.js 가 런타임에 주입하는 _hd-css 는 이 파일보다 늦게 head 에 들어간다.
      특정도가 같으면 나중 선언이 이기므로, 앞에 html 을 붙여 한 단계 높인다.
      (이 규칙이 없으면 의료진 화면만 예전 청록 바탕 #0d5474 로 남는다) */
html body #imap-mobile-app,
html body.hosp-desk-mode #imap-mobile-app {
  background: linear-gradient(180deg,#0B1220 0%,#070C16 100%) !important;
}
/* 의료진 화면(#_accdesk-screen._hd)의 청록 바탕은 되살려 둔 것이므로 덮지 않는다. */
/* I-NET 공지 배너 — 두 색 그라데이션을 단색 면으로 */
#inet-notice-banner {
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
}

/* ── 24. 마지막 잔여 2건 ────────────────────────────────────────── */
/* 하단 가운데 음성 FAB — 구 청록(#0891b2)이 남아 있었다.
   녹음 중(.recording) 빨강은 상태를 알리는 의미색이므로 건드리지 않는다. */
#m-voice-fab:not(.recording) {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
}
#m-voice-fab:not(.recording)::before {
  background: radial-gradient(circle, rgba(56,189,248,.30) 0%, rgba(56,189,248,0) 70%) !important;
}
/* 런처 배경 가운데 글로우 — 원래의 시안(#22d3ee)을 그대로 둔다 */

/* ── 25. 안내·프로필 모달 잔여 ──────────────────────────────────── */
/* 첫 화면 안내의 '확인하고 시작하기', 가이드의 '다음' — 파란 그라데이션 버튼 */
#_tmn-confirm-btn, #mob-guide-next {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  box-shadow: none !important;
}
/* 모달 패널 바탕 — 화면마다 조금씩 다른 남색이었다 */
#_test-mode-notice-overlay > div,
#mob-guide-modal > div {
  background: linear-gradient(180deg,#101A2B 0%,#0B1220 100%) !important;
}
/* 프로필 모달 상단 청록 워시 */
#mob-profile-modal {
  background: radial-gradient(at 50% 0%, rgba(56,189,248,.10), rgba(0,0,0,0) 60%), #0B1220 !important;
}
/* 음성접수 화면 상단 워시도 원래의 시안 그대로 둔다 */

/* ── 26. 의료진 홈 상단 세그먼트 활성 항목 ──────────────────────
   선택된 칸이 순백이라 어두운 화면에서 가장 크게 튀었다 — 강조색으로 바꾼다. */
#_hh ._hh-seg button._on,
#_hh ._hh-seg button.on,
#_hh ._hh-seg button[aria-selected="true"] {
  background: var(--acc) !important;
  color: var(--acc-ink) !important;
  box-shadow: none !important;
}
#_hh ._hh-seg { border-color: var(--bd) !important; }

/* ═══════════════════════════════════════════════════════════════
   27. 홈 화면 재구성 — 색이 아니라 "무엇이 먼저 보이는가"를 바꾼다
   ---------------------------------------------------------------
   측정값(390×844 기준):
     구급대원 홈 844px 중 591px(70%)가 오브·슬로건·빈 공간,
       실제 정보는 티커 한 줄(24px)뿐이었다.
     의료진 홈 684px 중 455px(67%)가 히어로였고,
       정작 '회신 대기·오는 구급차'(81px)와 '응급실 현황'(168px)은 아래로 밀려 있었다.
   두 화면 모두 flex 기반이라 마크업을 건드리지 않고 배치만 다시 잡는다.
   ═══════════════════════════════════════════════════════════════ */

/* ── 27-1. 구급대원 런처홈 ─────────────────────────────────────── */
/* 히어로가 화면 절반(50vh)을 하드코딩해 잡고 있었다 → 내용만큼만 */
#launcher-home #_lh-hero { flex: 0 0 auto !important; }

/* 본문 패널: 7vh 고정 여백을 걷어낸다.
   오브 아래에만 문구 세 줄이 붙어 무게가 아래로 쏠려 있어, 덩어리를 정확히 가운데
   두면 오브가 시각적으로는 중앙 아래로 내려가고 위쪽이 뚫려 보인다. 위를 조이고
   남는 여백은 아래 현황 카드와의 간격으로 쓴다. */
#launcher-home #_lh-voice-panel,
#launcher-home #_lh-collect-panel {
  justify-content: flex-start !important;
  padding-top: 52px !important;
  padding-bottom: 8px !important;
}
/* 홈 = AI 의료상담 (2026-09-23 합침) — 위 52px 은 예전 '‹홈' 칩 자리였다. 칩이 없어졌고
   이 패널 아래로 음성접수 단추와 메뉴가 함께 서야 하므로 여백을 걷어낸다. */
#launcher-home #_lh-text-panel {
  justify-content: flex-start !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
/* 의료상담 대화 중에는 '‹ 홈' 칩이 대화 머리줄 안으로 들어가므로 위 52px 여백이 필요 없다 —
   남겨 두면 머리줄이 한 칸 내려앉아 대화 영역이 좁아 보였다(2026-09-22) */
#launcher-home #_lh-newhome._lh-chatui #_lh-text-panel { padding-top: 0 !important; }

/* 오브 150px(링 225px) → 96px. 파동은 그대로 살린다 */
#launcher-home ._lh-borb { width: 96px !important; height: 96px !important; }
#launcher-home ._lh-borb-core { width: 66px !important; height: 66px !important; }
#launcher-home ._lh-borb-eq { height: 15px !important; gap: 3px !important; }
#launcher-home ._lh-borb-eq b { width: 3px !important; }

/* 슬로건 블록 — 간격을 줄이고 본문 크기를 키워 읽히게 */
#launcher-home #_lh-voice-panel > ._lh-reveal { margin-top: 18px !important; }
#launcher-home #_lh-voice-headline { font-size: 19px !important; line-height: 1.4 !important; }
#launcher-home #_lh-voice-sub { font-size: 12px !important; margin-top: 7px !important; }
#launcher-home #_lh-voice-tip { margin-top: 9px !important; }

/* 티커 — 유일한 실시간 정보줄이므로 눈에 들어오게 격상 */
#launcher-home #_lh-ticker { height: auto !important; padding: 9px 16px 3px !important; }
#launcher-home #_lh-tick-item span { font-size: 12px !important; color: var(--t2) !important; }

/* 하단 독 — 절대배치 회색 원 5개(구분 불가) → 라벨 있는 타일 5칸.
   DOM 순서가 아이콘·라벨 반복이라 2행 column 흐름 그리드로 맞물린다. */
#launcher-home #_lh-cat-dock {
  position: relative !important;
  height: auto !important;
  padding: 11px 8px 9px !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-auto-flow: column !important;
  gap: 7px 4px !important;
  align-items: center !important;
  justify-items: center !important;
}
#launcher-home #_lh-cat-dock ._lh-cat {
  position: static !important;
  margin: 0 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;    /* 정원 — 원본 모양을 그대로 유지 */
  transform: none !important;
}
#launcher-home #_lh-cat-dock ._lh-cat svg { width: 23px !important; height: 23px !important; }
#launcher-home ._lh-cat-lab {
  position: static !important;
  transform: none !important;
  font-size: 10px !important;
  font-weight: 600;
  color: var(--t2) !important;
  text-align: center;
  line-height: 1.25;
  white-space: nowrap;
}
#launcher-home #_lh-cat-dock ._lh-cat._on + ._lh-cat-lab { color: var(--acc2) !important; }
#launcher-home #_lh-dock-cap { margin-top: 9px !important; }

/* ── 27-2. 의료진 홈 ───────────────────────────────────────────── */
/* 히어로를 세로 스택 → 가로 한 줄로 접어 높이를 455px → 약 190px 로 */
#_hh ._hh-hero {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  text-align: left !important;
  gap: 12px !important;
  padding: 14px 14px 16px !important;
}
#_hh ._hh-emb {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  flex-shrink: 0;
}
#_hh ._hh-emb ._core { width: 46px !important; height: 46px !important; }
#_hh ._hh-emb ._hx { --hxs: 34% !important; }
#_hh ._hh-htxt { flex: 1 1 0 !important; min-width: 0 !important; text-align: left !important; }
#_hh ._hh-name { font-size: 18px !important; margin-top: 2px !important; }
/* 실시간 숫자 3칸을 히어로 안에서 한 줄 전체로 — 첫 화면 위쪽에 놓인다 */
#_hh ._hh-stats {
  flex-basis: 100% !important;
  width: 100% !important;
  margin-top: 4px !important;
}
#_hh ._hh-stats button { padding: 12px 6px !important; }
#_hh ._hh-stats button b { font-size: 24px !important; }

/* 히어로가 flex:1 1 auto 로 남는 높이를 전부 먹어 455px 가 되는 바람에(mobile.js:6063)
   그 아래 응급실 현황·기능 카드가 첫 화면 밖으로 밀려나 있었다. 내용 높이로 되돌린다. */
#_accdesk-screen #_hh ._hh-hero {
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
}
#_accdesk-screen #_hh { overflow-y: auto !important; }

/* 기능 바로가기 — 넓은 PC 에서만 켜지던 카드(mobile.js:5589,5612)를 폰 홈에도 켠다.
   히어로 숫자 3칸(수용요청·이송현황·채팅)과 응급실 현황 카드(병상·구급차요청)에서
   이미 닿는 기능은 중복이라 감추고, 더보기 안에 묻혀 있던 4개만 2×2 로 남긴다.
   순서가 아니라 data-go 로 고르므로 HOSP_TABS 가 바뀌어도 어긋나지 않는다. */
#_accdesk-screen #_hh ._hh-feats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
#_accdesk-screen #_hh[data-p="ai"] ._hh-feats { display: none !important; }
#_accdesk-screen #_hh ._hh-feats button[data-go="inbox"],
#_accdesk-screen #_hh ._hh-feats button[data-go="dispatch"],
#_accdesk-screen #_hh ._hh-feats button[data-go="chat"],
#_accdesk-screen #_hh ._hh-feats button[data-go="er"],
#_accdesk-screen #_hh ._hh-feats button[data-go="amb"] { display: none !important; }
#_accdesk-screen #_hh ._hh-feats button {
  padding: 11px 12px !important;
  border-radius: 14px !important;
  background: var(--surf) !important;
  border: 1px solid var(--bd) !important;
}
#_accdesk-screen #_hh ._hh-feats ._ic {
  width: 28px !important; height: 28px !important;
  margin-bottom: 4px !important;
  background: var(--acc-soft) !important;
  color: var(--acc2) !important;
}
#_accdesk-screen #_hh ._hh-feats b { font-size: 12.5px !important; color: var(--t1) !important; }
#_accdesk-screen #_hh ._hh-feats small { font-size: 10.5px !important; color: var(--t2) !important; }

/* ── 17. 접근성 — 장갑 낀 손가락과 야외 시인성 ─────────────────── */
#imap-mobile-app button,
#imap-mobile-app [role="button"] { min-height: 40px; }
#imap-mobile-app .m-nav-btn { min-height: 48px; }
#imap-mobile-app *:focus-visible,
#launcher-home *:focus-visible,
#_accdesk-screen *:focus-visible {
  outline: 2px solid var(--acc) !important;
  outline-offset: 2px !important;
}
/* transition:all 로 인한 예기치 않은 재계산 방지 — 자주 쓰이는 곳만 좁힌다 */
#imap-mobile-app .m-chat-sug,
#imap-mobile-app .ktas-symptom-btn,
#imap-mobile-app .ktas-option-btn,
#imap-mobile-app .ktas-vital-btn,
#imap-mobile-app .ktas-pain-btn {
  transition: background-color .16s, border-color .16s, color .16s !important;
}

/* ══ 28. I-NET 핫라인 채팅 — 텔레그램 식 채팅 화면 (2026-09-23) ═══════════════
   지적: "글 볼 공간이 너무 좁고 잘 안 보이고 불편하다 · 렉 · 깜빡임".
   측정(390×844): 글 목록이 화면의 43%(366px)뿐, 위 안내·공지·방탭이 346px.
   많은 사람이 이미 쓰는 텔레그램 채팅방 모양으로 맞춰 익숙하게 읽히도록 한다.
   단축어(빠른 응답)와 자동 마스킹, 답장·공감 기능은 그대로 둔다. */

/* ① 위 안내 줄 — 설명 문장은 접는다(같은 내용이 도구 안에 있다) */
#imap-mobile-app #chat-hotline-panel ._inet-head-desc { display: none; }

/* ② 공지 — 텔레그램 "고정 메시지" 줄처럼 한 줄. 누르면 펼쳐진다 */
#imap-mobile-app #inet-notice-banner {
  padding: 6px 12px 6px 10px;
  background: #17212b !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  border-left: 3px solid #4ea4f6 !important;
  box-shadow: none !important;
}
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed { align-items: center; }
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed #inet-notice-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 1; -webkit-box-orient: vertical;
  overflow: hidden; color: #aebfd0; font-size: 12px; line-height: 1.35;
}
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed ._inet-notice-title { font-size: 10px; margin-bottom: 0 !important; }

/* ③ 방 탭 — 텔레그램 상단 탭처럼 낮고 단정하게 (id 기준: 버튼에 인라인 padding 이 있다) */
#imap-mobile-app #_inet-room-tabs button { padding: 7px 4px !important; }

/* ④ 채팅을 읽는 동안은 장식용 LIVE 띠를 접는다 — 자리도 벌고 흐르는 글씨도 멈춘다 */
body.eo-inet-read #m-screen-chat .m-chat-tab-bar { padding-top: 5px !important; padding-bottom: 5px !important; }

/* ⑤ 대화 배경 — 텔레그램 어두운 배경 */
#imap-mobile-app #inet-msgs {
  background: #0e1621 !important;
  padding: 8px 0 10px !important;
}

/* ⑥ 말풍선 — 받은 글(어두운 남색) / 보낸 글(파랑), 모서리 12px + 꼬리 */
#imap-mobile-app .inet-msg-row { gap: 7px; margin-bottom: 8px; padding: 0 8px; align-items: flex-end; }
#imap-mobile-app .inet-msg-row._tg-group { margin-bottom: 2px; }
#imap-mobile-app .inet-msg-body { max-width: 80%; }
#imap-mobile-app .inet-avatar,
#imap-mobile-app .inet-avatar-placeholder { width: 34px; }
#imap-mobile-app .inet-avatar {
  height: 34px; font-size: 13px; border-radius: 50% !important; box-shadow: none;
}
#imap-mobile-app .inet-msg-row._tg-group .inet-avatar { visibility: hidden; height: 0; margin: 0; }

#imap-mobile-app .inet-bubble.other-bubble {
  background: #182533 !important;
  color: #f2f5f7 !important;
  border: none !important;
  border-radius: 12px 12px 12px 4px !important;
  box-shadow: none !important;
}
#imap-mobile-app .inet-msg-row._tg-group .inet-bubble.other-bubble { border-radius: 12px !important; }
#imap-mobile-app .inet-bubble.self-bubble {
  background: #2b5278 !important;
  color: #fff !important;
  border-radius: 12px 12px 4px 12px !important;
  box-shadow: none !important;
  font-weight: 400;
}
#imap-mobile-app .inet-msg-row._tg-group .inet-bubble.self-bubble { border-radius: 12px !important; }
#imap-mobile-app .inet-bubble {
  font-size: 15px; line-height: 1.45; padding: 7px 11px 7px;
  min-width: 0;
}

/* ⑦ 시간 — 텔레그램처럼 말풍선 안 오른쪽 아래에 작게 */
#imap-mobile-app .inet-bubble ._tg-meta {
  float: right;
  margin: 6px -3px -2px 10px;
  font-size: 11px; line-height: 1;
  color: rgba(255,255,255,.55);
  display: inline-flex; align-items: center; gap: 3px;
  user-select: none;
}
#imap-mobile-app .inet-bubble.self-bubble ._tg-meta { color: rgba(255,255,255,.66); }
#imap-mobile-app .inet-bubble.inet-big-emoji ._tg-meta { color: rgba(255,255,255,.75); }
#imap-mobile-app .inet-time { display: none !important; }   /* 말풍선 밖 시간은 안 쓴다 */

/* ⑧ 보낸 사람 — 텔레그램처럼 말풍선 안 맨 윗줄에 색 이름 */
#imap-mobile-app .inet-nick {
  font-size: 12.5px; font-weight: 700; margin-bottom: 3px;
  color: rgba(255,255,255,.92); padding-left: 2px;
}
#imap-mobile-app .inet-msg-row._tg-group .inet-nick { display: none; }
#imap-mobile-app .inet-role-badge { font-size: 9px; padding: 1px 5px; }

/* ⑨ 날짜 구분선 — 가운데 알약 */
#imap-mobile-app .inet-date-divider { margin: 12px 0 10px; }
#imap-mobile-app .inet-date-divider span {
  background: rgba(24,37,51,.92) !important;
  color: #aebfd0 !important;
  border: none !important;
  border-radius: 999px; padding: 4px 12px; font-size: 11.5px; font-weight: 600;
}

/* ⑩ 공감 단추 — 작게, 말풍선 아래 */
#imap-mobile-app .inet-react-row { margin-top: 2px; }

/* ⑪ 맨 아래로 — 텔레그램의 오른쪽 아래 원형 단추(새 글 수 배지) */
#imap-mobile-app #inet-newmsg-pill {
  position: sticky; align-self: flex-end; margin: -46px 10px 0 0;
  bottom: 10px; z-index: 30;
  width: 42px; height: 42px; padding: 0; border-radius: 50%;
  background: #182533; color: #e7f0f8; border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 4px 14px rgba(0,0,0,.45);
  display: none; align-items: center; justify-content: center;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
#imap-mobile-app #inet-newmsg-pill.on { display: inline-flex; }
#imap-mobile-app #inet-newmsg-pill ._n {
  position: absolute; top: -5px; right: -3px; min-width: 19px; height: 19px;
  border-radius: 999px; background: #4ea4f6; color: #04202a;
  font-size: 11px; font-weight: 800; line-height: 19px; text-align: center; padding: 0 5px;
}
#imap-mobile-app #inet-newmsg-pill ._n:empty { display: none; }

/* ⑫ 시스템 알림 — 가운데 알약(텔레그램 서비스 메시지) */
#imap-mobile-app .inet-sys-msg {
  background: rgba(24,37,51,.9) !important;
  color: #c7d5e0 !important;
  border-radius: 12px !important;
  border: none !important;
  margin: 8px auto !important;
  max-width: 88%;
}

/* ⑬ 공지 접힘 — 제목과 첫 줄을 한 줄에(텔레그램 고정 메시지처럼 낮게) */
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed > div:last-child {
  display: flex; align-items: center; gap: 8px; min-width: 0;
}
/* 접힘: [아이콘] [공지 한 줄] [펼치기 화살표] 순서로 한 줄에 */
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed ._inet-notice-title {
  order: 2; flex: 0 0 auto; margin: 0 !important; color: #4ea4f6;
}
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed ._inet-notice-title > span { display: none; }
#imap-mobile-app #inet-notice-banner.inet-notice-collapsed #inet-notice-content { order: 1; flex: 1; min-width: 0; margin: 0; }

/* ⑭ 편집 가능한 입력칸(<input> 대신) — 폰 브라우저의 [이전/다음/완료] 막대를 띄우지 않기 위함.
   안내 문구는 비어 있을 때만 흐리게 보여 준다(원래 placeholder 자리). */
#imap-mobile-app .eo-editable { white-space: pre-wrap; word-break: break-word; cursor: text; }
#imap-mobile-app .eo-editable:empty:before {
  content: attr(data-ph);
  color: rgba(226,232,240,.45);
  pointer-events: none;
}
/* AI 답변·당직의 입력칸도 편집 영역으로 — 기존 .m-chat-input 모양은 그대로 쓰되 줄바꿈만 허용 안 함 */
#imap-mobile-app .m-chat-input.eo-editable { white-space: pre-wrap; display: block; }
#imap-mobile-app .m-chat-input.eo-editable:empty:before { content: attr(data-ph); color: rgba(226,232,240,.45); }
/* 런처 홈(AI 의료상담)은 앱 컨테이너 밖에 그려져서 범위를 두지 않는다 */
.eo-editable { white-space: pre-wrap; word-break: break-word; cursor: text; }
.eo-editable:empty:before { content: attr(data-ph); color: rgba(226,232,240,.45); pointer-events: none; }
#_lh-text-input.eo-editable:empty:before { font-size: 13px; color: rgba(226,232,240,.5); }
/* 입력창 안내 문구는 한 줄로 — 길면 입력칸이 두 줄이 되어 채팅 자리를 먹는다 */
.eo-editable:empty:before { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 방 탭 줄의 "도구" 단추 — 탭을 밀지 않게 작게 */
#imap-mobile-app #_inet-room-tabs #inet-tools-toggle { padding: 4px 8px !important; font-size: 10px !important; }

/* ⑮ 음성 안내 단추 — 글자 없는 작은 동그라미(좁은 줄용). 켜지면 색만 바뀐다 */
.eo-vtgl._mini {
  width: 30px; height: 30px; padding: 0; border-radius: 50%;
  justify-content: center; gap: 0; flex-shrink: 0;
}