/* Custom CSS for the scrollable content area */
.content-scroll-area {
    max-height: calc(
        100vh - 150px
    ); /* Adjust height as needed, accounting for header/footer if present */
    overflow-y: auto; /* Enable vertical scrolling */
    padding-right: 15px; /* Add some padding to prevent text from touching the scrollbar */
}

/* Optional: Hide scrollbar for a cleaner look */
.content-scroll-area::-webkit-scrollbar {
    display: none;
}
.content-scroll-area {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Ensure card fills height and positions button at bottom */
.card-body-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.scrollable-content {
    flex-grow: 1; /* Allows the content to take up available space */
}