/* 렌탈 레이아웃 보정 (rental.css 뒤 로드) — 원본 풀페이지 앱이 ERP 셸을 덮는 문제 수정.
   원본은 자체 #sidebar를 position:fixed로 깔아 ERP 사이드바를 가리고 전체화면 점유.
   → ①fixed 해제·zoom 제거·높이/여백 정규화 로 ERP #main 안에 담기게
   → ②렌탈 자체 세로 사이드바를 상단 '가로 탭바'로 전환(ERP 사이드바 하나만·"한 앱" 느낌) */

#rental-app { zoom: 1 !important; height: 100%; min-width: 0; }
#rental-app #app { min-height: 0 !important; height: 100%; flex-direction: column !important; }

/* 세로 사이드바 → 상단 가로 바 */
#rental-app #sidebar {
  position: static !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  z-index: auto !important;
  flex-direction: row !important;
  align-items: center;
  border-right: none !important;
  border-bottom: 1px solid var(--border);
  padding: 0 8px !important;
  overflow-x: auto;
  flex-wrap: nowrap;
  gap: 4px;
}
#rental-app .sidebar-logo,
#rental-app .sidebar-user { display: none !important; }  /* 로고·유저는 ERP 셸이 담당 */
#rental-app .sidebar-collect { margin: 6px 6px !important; flex-shrink: 0; display: flex; align-items: center; gap: 6px; }
#rental-app .sidebar-collect .btn-collect { width: auto !important; padding: 7px 12px !important; white-space: nowrap; }
#rental-app .sidebar-nav {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  overflow-x: auto;
  align-items: center;
}
#rental-app .nav-section-label { display: none !important; }
#rental-app .nav-item { white-space: nowrap; padding: 13px 12px !important; border-radius: 0; }
#rental-app .nav-item.active { background: transparent; }
#rental-app .nav-item.active::before {
  top: auto !important; bottom: 0 !important; left: 6px !important; right: 6px !important;
  width: auto !important; height: 3px !important; border-radius: 2px 2px 0 0 !important;
}

/* 본문 영역: 사이드바 여백 제거 */
#rental-app #main-wrap { margin-left: 0 !important; min-height: 0 !important; }
#rental-app #main-content { max-width: 100% !important; }