/* ══════════════════════════════════════════════════════════════════════════
   app-floor.css — <b>가장 마지막에 실리는 하한 규칙</b> (2026-09-06 분리)

   왜 파일을 나눴나: 아래 하한은 "같은 특이도면 나중 것이 이긴다" 에 기대서
   동작한다. 그래서 <b>맨 뒤</b>여야 하는데, app.css 끝에 두었더니 모바일 축
   MR 들이 전부 파일 끝에 블록을 붙이면서 <b>같은 자리에서 충돌</b>했다
   (2026-09-06 하루에 세 번: !602 · !605 · 그리고 !604 문서). 게다가 충돌을
   풀 때 닫는 중괄호 하나가 공용이라 순서만 바꾸면 CSS 가 통째로 깨졌다.

   나누고 나면 새 규칙은 app.css 안 알맞은 절로 가고, "맨 뒤" 는 layout 의
   로드 순서 두 줄이 보장한다. 그 순서는 CssFloorSeparationTest 가 지킨다.

   ⚠️ 이 파일에는 <b>하한만</b> 둔다. 다른 모바일 규칙을 여기 넣으면 그것이
      다시 "맨 뒤" 를 차지해 같은 문제가 돌아온다.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══ 모바일 작은 글자 하한 12px (2026-09-06 M2) ═══════════════════════════════
   ⚠️ 2026-09-06 이 파일로 옮겼다 — 원래 주석은 "app.css 파일 맨 끝에 둔다" 였다.
   이제 '맨 뒤' 는 layout 의 로드 순서가 보장한다(위 머리말 참조).
   루트 축소(app.css)만으로는 표 머리 11.25px · 배지 10.59px ·
   `small` 11.5px 처럼 12 아래로 떨어지는 자리가 남는데, 그 크기를 정하는 규칙들이
   app.css 곳곳(700~5000줄)에 있어 <b>같은 특이도면 나중 것이 이긴다</b>.
   한글은 라틴보다 획이 많아 11px 아래에서 급격히 안 읽힌다.
   ⚠️ 하한은 `rem` 이 아니라 `px` 다 — rem 이면 루트를 다시 만질 때 같이 내려가
      하한 구실을 못 한다.
   ⚠️ `.wcs-bnav-badge`(하단 탭 숫자, 10px)는 <b>일부러 뺐다</b> — 그 숫자는
      `aria-hidden` 이고 같은 값이 링크의 `aria-label`("장애처리, 미처리 24건")에 있다.
      키우면 아이콘 위 배지가 탭을 밀어낸다. */
@media (max-width: 767.98px) {
  .small, small,
  .badge,
  .form-text,
  /* ⚠️ `.wcs-main .table > thead th`(0,2,2)가 표 머리를 0.75rem 으로 정해 두었다 —
     `.table > :not(caption) > * > th`(0,1,3)로는 <b>특이도에서 진다</b>(실측: 11.25px 가
     그대로 남았다). 같은 선택자를 그대로 적어 맞춘다. */
  .wcs-main .table > thead th,
  .table > :not(caption) > * > th,
  thead th,
  .wcs-refresh, .wcs-refresh-at, .wcs-refresh-go,
  .wcs-stat-label,
  .wcs-bnav-item,
  .wcs-tip-h, .wcs-tip-p,
  /* 목록 화면의 상태 칩과 그 안 숫자(11.3 / 10.3px 로 떨어졌다) */
  .wcs-status-chip, .wcs-count,
  /* ⚠️ `.form-label.small`(0,2,0)은 `.small`(0,1,0)로 못 이긴다 — 같이 적는다 */
  .form-label.small,
  /* 상세 화면의 항목 이름표·메모 사실 라벨(11.7 / 10.8px 로 떨어졌다) */
  .wcs-info-label, .wcs-memo-fact-label,
  /* 작은 버튼 글자(11.7px) — 누르는 것의 글자는 읽혀야 한다 */
  .btn-sm, .btn-outline-secondary,
  /* 정기점검 관리의 시작/종료 라벨(11.7px, 375px 에서 51개) — AS 사후 실측 2026-09-06.
     ⚠️ 오류 화면의 `code`(10.5px)는 <b>넣지 않는다</b> — 그 블록은 local 프로파일에서만
        렌더된다(운영에서는 아예 없다). 하한은 사용자가 보는 자리에만 건다. */
  .wcs-dt30-label,
  /* 일정관리 달력 (2026-09-06 M7, AS 실측) — 일정 제목·시각 9.9px, 범례 칩 10.8px.
     ⚠️ `.fc-event` 쪽은 <b>내 환경에서 재현하지 못했다</b>: 브라우저 패널이 숨겨져 있으면
        FullCalendar 가 rAF 를 멈춰 <b>그리드 자체가 그려지지 않는다</b>(셀 0·이벤트 0 실측,
        `wcsCalendar.render()`·`updateSize()` 를 불러도 그대로). AS 실측을 근거로 넣는다.
     ⚠️ `#schedule-cal .fc-event`(0,1,1)보다 특이도가 낮으면 진다 — `.fc` 를 앞에 붙인다. */
  .fc .fc-event-title, .fc .fc-event-time,
  /* ⚠️ `.wcs-cal-legend-grid .wcs-legend-chip`(0,2,0)가 범례 칩을 .72rem 로 정한다 —
     `.wcs-cal-chip`(0,1,0)로는 <b>특이도에서 진다</b>(실측: 10.8px 그대로였다).
     같은 선택자를 그대로 적어 맞춘다(표 머리 때와 같은 계열의 함정). */
  .wcs-cal-legend-grid .wcs-legend-chip,
  /* 빈 상태 안내문(11.25px) — AS 사후 실측 2026-09-06. 유지관리계약 상세 한 화면에만
     <b>4개</b>있고, "지금 뭐를 하면 되는지" 를 말해 주는 글이라 작으면 쓸모가 준다. */
  .wcs-empty-hint,
  /* ⚠️ 처리내역의 'wiseCS 등록' 배지 — <b>같은 계열의 함정 세 번째</b>다.
     `.badge`(0,1,0) 로는 `.wcs-memo-facts .badge`(0,2,0) 를 <b>못 이긴다</b>.
     그 규칙은 `.72rem` 인데 <b>모바일 루트가 15px</b> 라 10.8px 이 된다(15 × .72).
     원래 주석의 '10.46 → 12.24px' 는 <b>데스크톱 루트 17px</b> 기준이었다 — M2 가 루트를
     낮추면서 그 보정이 다시 12 아래로 내려갔다. <b>rem 보정은 루트가 바뀌면 같이 무너진다.</b>
     ⚠️ 로컬 시드에는 이 배지가 달린 메모가 없어, 같은 자리에 <b>넣어서</b> 재 보았다
        (주입 전 10.8px — AS 수치와 일치). */
  /* ⚠️ 상태 배지 `.wcs-badge`(문의사항, 11.25px) — <b>같은 계열의 네 번째</b>다.
     이번엔 특이도가 아니라 <b>이름이 달라서</b> 빠졌다 — 하한 목록의 `.badge` 는
     부트스트랩 배지이고 이것은 자체 클래스다(`.75rem` × 루트 15px = 11.25px).
     상자 높이는 20px 고정이라 `.wcs-status-chip`(이미 12px)과 같은 모양이 된다.
     출처: AS 정적 전수(rem 보정 38곳) + 렌더 10화면 훑기 — 살아남은 것이 이것 하나였다. */
  .wcs-badge,
  .wcs-memo-facts .badge,
  .wcs-cal-chip { font-size: 12px; }
  /* ⚠️ `.wcs-avatar-initial`(9.2px)은 <b>일부러 뺐다</b> — 고정 크기 원 안의 한 글자라
     키우면 원 밖으로 나간다. 옆에 이름 글자가 따로 있어 정보가 사라지지도 않는다. */
}