/* Common styles for all pages in app-shell__content */
/* This ensures consistent layout, scroll behavior, and no header overlap across all pages */
/* Unified container class for all pages - DB management, forms, dashboards, etc. */

/* Common page container - applies to ALL pages */
.app-shell__content > .common-page-container,
.common-page-container {
    /*
      .container-fluid.mt-4.common-page-container.* 에 대한 스타일 재정의
      - mt-4 등으로 인한 상단 마진 제거
      - common-page-container의 패딩을 8px로 통일
    */
    margin-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto;
    height: 100%;
}

/* Custom scrollbar styling for webkit browsers (Chrome, Safari, Edge) */
.common-page-container::-webkit-scrollbar {
    width: 8px;
}

.common-page-container::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.common-page-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.common-page-container::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Custom scrollbar styling for Firefox */
.common-page-container {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}