/*
 * 시스템설정 > 기본설정 > 메뉴 탭 — 데이터 사이드바(v2) 트리 (`system_settings/sidebar_menus/_tree`)
 *
 * 모바일(≤768px) 대응 원칙: 한 메뉴 항목 = 한 줄.
 *  - 배지는 절대 내부에서 줄바꿈하지 않는다(`nowrap`). 줄바꿈이 행 높이를 3배로 키운 원인.
 *  - 긴 배지 문구는 축약형으로 교체한다(`.smb-full` ↔ `.smb-short`).
 *  - page=/modal=/widget= 디버그 메타(`.sm-meta`)는 모바일에서 숨긴다.
 */

.sm-root-icon svg { width: 18px; height: 18px; }

/* 배지 — 색상/배경은 뷰에서 인라인으로, 형태만 여기서 */
.sm-badge {
  flex-shrink: 0;
  white-space: nowrap;
}
.sm-badge .smb-short { display: none; }

/* 메뉴명 — 좁을 때 배지를 밀어내지 말고 말줄임 */
.sm-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* page=/modal=/widget= 등 개발용 표기 */
.sm-meta { white-space: nowrap; }

@media (max-width: 768px) {
  .sm-badge .smb-full { display: none; }
  .sm-badge .smb-short { display: inline; }
  .sm-meta { display: none; }
}