/* 
 * Workplace Layout 공통 CSS
 * 사이드 메뉴를 사용하는 모든 화면의 main 컨텐츠 레이아웃을 통일
 */

/* Main 컨텐츠 영역 - 모든 workplace-page-wrapper 화면에 공통 적용 */
#mainLayoutContainer > div.flex.flex-col.flex-1.lg\:ml-56 > main {
  margin: 0 !important;
  padding: 0 !important;
}

#mainLayoutContainer > div.flex.flex-col.flex-1.lg\:ml-56 > main > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1rem;
}

/* 첫 번째 콘텐츠 요소 여백 통일 */
#mainLayoutContainer > div.flex.flex-col.flex-1.lg\:ml-56 > main > div > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Info Alert Card 스타일 통일 */
#mainLayoutContainer > div.flex.flex-col.flex-1.lg\:ml-56 > main > div > .mb-4:first-child,
#mainLayoutContainer > div.flex.flex-col.flex-1.lg\:ml-56 > main > div > div.mb-4:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 사이드바가 없는 경우도 동일하게 적용 */
#mainLayoutContainer > div.flex.flex-col.flex-1 > main {
  margin: 0 !important;
  padding: 0 !important;
}

#mainLayoutContainer > div.flex.flex-col.flex-1 > main > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1rem;
}

#mainLayoutContainer > div.flex.flex-col.flex-1 > main > div > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}