/* Visible Scrollbars for Tables */

/* Make scrollbars always visible for book selection tables and tuition table */
.scrollable-table-body {
    overflow-y: scroll !important; /* Changed from auto to scroll to always show scrollbar */
}

/* Custom scrollbar styling for better visibility - Webkit browsers (Chrome, Safari, Edge) */
.scrollable-table-body::-webkit-scrollbar {
    width: 16px;  /* Increased from 12px for better visibility */
    height: 16px;
}

.scrollable-table-body::-webkit-scrollbar-track {
    background: #e9ecef;  /* Lighter background for more contrast */
    border-radius: 8px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);  /* Deeper shadow for depth */
    border: 1px solid #dee2e6;  /* Added border for definition */
}

.scrollable-table-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #6c757d, #495057);  /* Gradient for modern look */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);  /* Enhanced shadow */
    border: 1px solid #495057;  /* Border for better definition */
}

.scrollable-table-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #495057, #343a40);  /* Darker on hover */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.scrollable-table-body::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #343a40, #212529);  /* Even darker when clicked */
}

/* Firefox scrollbar styling */
.scrollable-table-body {
    scrollbar-width: auto;  /* Changed from thin to auto for standard width */
    scrollbar-color: #6c757d #e9ecef;  /* Darker thumb, lighter track */
}

/* Ensure the scrollbar is always visible even when content doesn't overflow */
.force-scrollbar {
    overflow-y: scroll !important;
    min-height: 0;
}

/* Apply to specific table containers */
#selectBooksDiv .card-body,
#tuitionTableDiv .card-body,
.book-table-container {
    overflow-y: scroll !important;
}

/* Enhanced visibility for card bodies with tables */
.card-body[style*="overflow-y"] {
    overflow-y: scroll !important;
}