/* ==========================================================
   현장공무 ERP v0.71 FIX9
   상단 작업바 고정 — PC / Tablet / Mobile
   ========================================================== */

/* ERP 로그인 후 App Shell 안에서만 적용 */
html.erp071-ui .app-shell .topbar {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0 !important;
  z-index: 900 !important;

  /* 스크롤되는 본문이 뒤에서 비치지 않도록 완전한 배경 유지 */
  background: rgba(255, 255, 255, 0.985) !important;
  border-bottom: 1px solid var(--ui-line, #e2e8f1) !important;
  box-shadow:
    0 1px 0 rgba(17, 39, 73, .025),
    0 5px 18px rgba(17, 39, 73, .045) !important;

  /* 기존 UI Refresh의 반투명 효과 유지 */
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  /* sticky 영역 자체의 레이어 안정화 */
  isolation: isolate;
}

/* 페이지 본문/테이블/차트가 상단바 위로 튀어나오지 않도록 보정 */
html.erp071-ui .app-shell .content {
  position: relative;
  z-index: 1;
}

/* 상단바 내부 Select/Search 팝업의 클릭영역 유지 */
html.erp071-ui .app-shell .topbar .site-switcher,
html.erp071-ui .app-shell .topbar .global-search,
html.erp071-ui .app-shell .topbar .account-chip {
  position: relative;
  z-index: 1;
}

/* PC */
@media (min-width: 1181px) {
  html.erp071-ui .app-shell .topbar {
    min-height: 68px;
  }
}

/* Tablet */
@media (max-width: 1180px) and (min-width: 761px) {
  html.erp071-ui .app-shell .topbar {
    min-height: 64px;
  }
}

/* Mobile */
@media (max-width: 760px) {
  html.erp071-ui .app-shell .topbar {
    top: 0 !important;
    min-height: 60px !important;
  }

  /* 모바일 메뉴 버튼은 고정 상단바보다 위에서 계속 누를 수 있게 */
  html.erp071-ui .erp52-mobile-menu-button {
    z-index: 950 !important;
  }

  /* 모바일 Drawer가 열릴 때는 Drawer가 상단바보다 위 */
  html.erp071-ui body.erp-mobile-sidebar-open .sidebar {
    z-index: 1000 !important;
  }
}