/*
 * LIMS app shell — footer를 콘텐츠 최하단에 고정
 *
 * styles.css 의 main.app-wrapper min-height(calc(100vh - header - footer)) 는
 * 콘텐츠가 길어질 때 footer가 화면 중간(뷰포트 하단)에 끼어 보이는 현상을 유발합니다.
 * flex column 레이아웃으로 짧은 페이지는 하단 정렬, 긴 페이지는 콘텐츠 뒤에 footer가 오도록 합니다.
 */
.page-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-layout > main.app-wrapper {
  flex: 1 0 auto;
  min-height: auto !important;
}

.page-layout > .footer-wrapper {
  flex-shrink: 0;
}