/* =====================================================================
 * 여행 ERP 스타일 — [출시감사 #1·#12 · 2026-08-02]
 * ---------------------------------------------------------------------
 * 왜 따로 두나 : index.html 은 이미 **CSS 만 176KB**(파일의 75%)이고 인라인이라
 *   브라우저가 캐시하지 못한다 — 접속할 때마다 다시 받고 다시 파싱한다.
 *   ERP 화면 CSS 를 거기 더하면 250KB 를 넘고 첫 화면이 눈에 띄게 늦어진다.
 *   별도 파일이면 캐시되고, ERP CSS 가 채팅 CSS 를 건드릴 수도 없다.
 *
 * 🔴 규칙
 *   - 선택자는 **전부 `#view-erp` 또는 `.erp-` 접두사 안**에 둔다.
 *     전역 태그 선택자(`div{…}`)나 기존 클래스(`.view`·`.bubble`) 재정의 금지.
 *   - 색·글꼴은 **index.html 이 정의한 CSS 변수를 쓴다**(`--bg` `--ink` `--acc` `--muted` …).
 *     직접 색값을 박으면 다크모드·팔레트 전환에서 혼자 안 바뀐다.
 *   - `z-index` 를 새로 박지 말 것. 필요하면 변수(`--z-erp-…`)로 만들어 여기 모은다
 *     (index.html 에 z-index 선언이 이미 90개, 최대 10000 이다 — 감사 #20).
 *   - `!important` 금지. 이기고 싶으면 선택자를 구체적으로 쓴다.
 * ===================================================================== */

/* 화면 골격 — 기존 `.view` 규칙(position:absolute·flex 세로)을 그대로 물려받는다 */
#view-erp {
  --z-erp-sheet: 160;            /* ERP 안에서만 쓰는 층. 통화창(9500)·뷰어보다 아래다 */
  background: var(--bg);
  color: var(--ink);
}

#view-erp .erp-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--line, rgba(128, 128, 128, .18));
}

#view-erp .erp-head b { font-size: 18px; }

#view-erp .erp-sub {
  font-size: 12px;
  color: var(--muted);
}

#view-erp .erp-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 16px 24px;
}

#view-erp .erp-empty {
  text-align: center;
  color: var(--muted);
  line-height: 1.8;
  padding: 60px 20px;
}