/* Existing role modules sometimes switch to a sibling panel instead of keeping
   the selected admin dashboard host visible. Keep those established screens
   usable inside the new full-screen detail mode without changing their logic. */
body.role-cockpit-detail-mode #adminAccountReview:not([hidden]) {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: clamp(58px, 7vh, 78px) clamp(12px, 2vw, 28px) 22px !important;
  z-index: 930 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  background: var(--h24-surface-muted, #f5f8f6) !important;
}

body.role-cockpit-detail-mode #adminAccountReview:not([hidden]) #adminOverviewReturn {
  display: none !important;
}

/* 2026-08-27 지시서 3순위: role-cockpit.js/sample-role-experience.js의
   "← 한 화면 관제로"(#roleCockpitDetailClose, 우측 상단 고정)와
   admin-dashboard.js의 "← 업무 관제판으로"(#adminSectorBack, sticky)가
   role-cockpit-detail-mode 동안 동시에 뜬다 -- 화면 제목을 가린다(실측:
   "개인정보 출처 구분 현황" 등 스크롤이 긴 화면에서 스크롤하면 두 버튼이
   함께 상단에 고정돼 제목 앞부분을 덮음). role-cockpit-detail-mode를 닫을
   때(closeDetail())는 이미 adminSectorBack.click()을 먼저 호출해 원래
   업무 관제판 상태로 완전히 되돌리므로, 이 모드 동안은 #adminSectorBack
   쪽 하나만 화면에서 숨긴다 -- JS의 hidden 상태(closeDetail의 cascade
   판정 조건)는 그대로 두고 CSS로만 가린다. organization_admin처럼 이
   role-cockpit 자체가 없는 역할은 이 body 클래스가 절대 붙지 않으므로
   영향 없음(#adminSectorBack이 유일한 되돌아가기로 그대로 남는다). */
body.role-cockpit-detail-mode #adminSectorBack {
  display: none !important;
}