/* Ensure the body and html take full height */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Prevent page scrolling */
}

/* Container to wrap sidebar and main content */
.app-body {
    display: flex; /* Sidebar and main content side by side */
    height: 100%; /* Full page height */
    overflow: hidden;
}

/* Sidebar styling */
.sidebar {
    /* width: 250px; Adjust sidebar width */
    height: 100%; /* Full page height */
    overflow-y: auto; /* Make sidebar scrollable */
    /* background-color: #343a40; Dark background color */
    /* color: white; Sidebar text color */
}

/* Main content styling */
.main {
    flex: 1; /* Take remaining width */
    overflow-y: auto; /* Enable scrolling if content overflows */
    /* padding: 20px; */
    height: 100%; /* Full height */
    /* background-color: #f8f9fa; Light background for main content */
}

/* Optional: Style for the breadcrumb or fixed headers in the main section */
.breadcrumb {
    position: sticky;
    top: 0;
    /* background: white; Sticky breadcrumb */
    /* z-index: 10; */
}